jquery-plugins 相关问题

如何在 Slick 轮播项目之间添加空格

我想在两个光滑的轮播项目之间添加空间，但不想要带有填充的空间，因为它减少了我的元素大小（我不想要这样）。 $('.单项').slick({

我想打印页面并默认选中背景图形复选框

在打印按钮上我使用的是这样的东西： onclick="window.print();" 我发现下面的代码片段可以默认选中复选框： ...</desc> <question vote="2"> <p>在打印按钮上我使用的是这样的东西：</p> <p><pre><code>onclick=&#34;window.print();&#34;</code></pre></p> <p>我发现下面的代码片段可以默认选中复选框：</p> <pre><code>&lt;style type=&#34;text/css&#34; media=&#34;print&#34;&gt; * { -webkit-print-color-adjust: exact !important; /*Chrome, Safari */ color-adjust: exact !important; /*Firefox*/ } &lt;/style&gt; </code></pre> <p>如果出现打印选项而没有更多设置，则可以使用，如下所示：</p> <p><a href="https://i.stack.imgur.com/netIa.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL25ldElhLnBuZw==" alt=""/></a></p> <p>但是，如果打印有更多设置，我们需要单击向下箭头按钮来查看选项中的背景图形复选框：</p> <p><a href="https://i.stack.imgur.com/2L7nF.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tLzJMN25GLnBuZw==" alt=""/></a></p> <p>知道如何默认检查所有浏览器类型吗？</p> </question> <answer tick="false" vote="0"> <p>不确定如何传统地执行此操作，但在 <strong>react-to-print</strong> 库中，您可以传递一个属性来打印背景图形。</p> <pre><code>printBackground:true </code></pre> <p>您必须在定义内容的地方传递此参数。</p> <pre><code>const handlePrint = useReactToPrint({ content:()=&gt;your_component.current, pageStyle, onBeforePrint:()=&gt;your_before_print_function printBackground:true }) </code></pre> <p><strong>pageStyle</strong>是您在打印时要应用的CSS</p> <p><strong>onBeforePrint</strong> 函数在库收集要打印的内容之前调用，您可以根据需要关闭任何对话框或打开任何组件。</p> <p>点击打印按钮时调用句柄打印函数。</p> </answer> </body></html>

Select 2 仅作用于数组的第一个元素

我有一个数组，并且正在该数组中使用 select 2 。 Select 2 适用于第一个元素，但在其他元素中 select 2 不起作用。 我的HTML： @foreach($测验作为$测验) 我有一个数组，并在该数组中使用 select 2 。 Select 2 对第一个元素有效，但在其他元素中 select 2 无效。 我的html： @foreach($quizzes as $quiz) <select class="js-example-basic-multiple grades" multiple id="grades" name="grades[]"> <option value="1">Form 1 History</option> <option value="2">Form 2 History</option> </select> @endforeach 我的脚本： <script> $("#grades").select2(); $("#checkbox").click(function(){ if($("#checkbox").is(':checked') ){ $("#grades > option").prop("selected","selected");// Select All Options $("#grades").trigger("change");// Trigger change to select 2 } else{ $("#grades > option").removeAttr("selected"); $("#grades").trigger("change");// Trigger change to select 2 } }); $("#button").click(function(){ alert($("#grades").val()); }); $("#grades").select2({ placeholder: "To be done by...", allowClear: true }); </script> 我似乎无法找出问题所在。 尝试通过类名而不是 ID 来初始化 select2。元素 ID 在整个 DOM 中应该是唯一的。 $(".grades").select2({ placeholder: "To be done by...", allowClear: true }); 并删除第一个$("#grades").select2(); id 属性重复 问题在于 id 属性重复。

FullCalendar - 所有月份都在一页上？

我找不到使用 FullCalendar 插件在页面上显示从一月到十二月的所有月份的方法。我想看起来像这样： 每个月我想将其大小调整为大约 250px 我试过这个

Jquery 日期选择器 z 索引问题

我有一个幻灯片 div，并且在该 div 上方有一个日期选择器字段。 当我单击日期选择器字段时，日期选择器面板显示在幻灯片 div 后面。 我将脚本设置为： http://...

Highcharts - 单击时显示工具提示

我有一个 highcharts 图表，我允许用户动态创建自己的标志。现在我希望能够单击标志本身并能够保持其工具提示始终显示...

jquery 快速搜索 - 特殊字符

我正在使用 Jquery 快速搜索插件。 这是一个很棒的插件，但我的一个网站遇到了问题。 在表中，我有包含带重音符号的字符串，例如 ò、ü、ä 等。 该项目...

jquery 将日期从 mm/dd/yy 转换为 yyyy-dd-mm

我收到一个 ajax 响应，其日期格式为 mm/dd/yy。如何使用 jquery 将其转换为 yyyy-mm-dd 格式？ jquery有内部函数可以做到这一点吗？

点击发送数据 - jQuery ajax 聊天

我有一个带有脚本的 jQuery 聊天 var name = "客人"; 名称 = 名称.replace(/(<([^>]+)>)/ig,""); var chat = new Chat(); $(函数() { 聊天.getState(...

带有两条验证消息的 jQuery 表单验证

使用 jQuery 使客户端表单验证变得最简单。 我尝试了所有验证器，它们是如此简单！ 但在日期、数字和范围验证器中；我需要按顺序添加两个验证器 需要...

如何使用 DataTables jquery 插件按日期排序？

我正在使用 datatables jquery 插件并想按日期排序。 我知道他们有一个插件，但我找不到从哪里实际下载它 http://datatables.net/plug-ins/sorting 我相信...

jQuery 涟漪效果未显示

使用 Jquery Ripple 效果库，我尝试将给定效果应用为 CSS 类元素。我正在使用 WordPress 开发环境，并且我添加了我的函数 run (functions.php) ...

无法使用jstree功能创建动态子节点[已关闭]

在 2023 年更改了标题，因为提到了非主题。但我想知道该功能的存在，我已经研究了该功能并回答了我的问题的答案。 请核实...

如何在页面加载时启动 jQuery Fancybox？

我想在页面加载时启动 Fancybox（例如 Fancybox 的模态框或灯箱版本）。我可以将它绑定到隐藏的锚标记，并通过 JavaScript 触发该锚标记的单击事件，...

动态地将视频网址分配给<video>标签

我需要即时将视频网址分配给 标签，期望视频也即时显示在播放器中： 我有这个： jQuery( '#the-video' ).children( '源' ).</desc> <question vote="0"> <p>我需要即时将视频网址分配给 <pre><code>&lt;video&gt;</code></pre> 标签，期望视频也即时显示在播放器中：</p> <p>我有这个：</p> <pre><code>&lt;script&gt; jQuery( &#39;#the-video&#39; ).children( &#39;source&#39; ).attr( &#39;src&#39;, &#39;the-video-url.mp4&#39; ); &lt;/script&gt; &lt;video id=&#34;the-video&#34; autoplay width=&#34;320&#34; height=&#34;240&#34;&gt; &lt;source src=&#34;&#34; type=&#34;video/mp4&#34;&gt; Your browser does not support the video tag. &lt;/video&gt; </code></pre> <p>但是视频不会像图像一样填充在浏览器中。 例如，当对图像执行此操作时，图像会自动显示：</p> <pre><code>&lt;script&gt; jQuery( &#39;#the-image&#39; ).attr( &#39;src&#39;, &#39;the-image-url.jpg&#39; ); &lt;/script&gt; &lt;img src=&#34;&#34; id=&#34;the-image&#34; style=&#34;height:150px&#34; /&gt; </code></pre> <p>图像即时显示。对于视频来说不也一样吗？我已经没有主意了。</p> </question> <answer tick="true" vote="0"> <p>如果有人需要答案，正如 @zGilexx 所示，这里是解决方案：</p> <p>将视频 url 动态分配给视频标签后，必须使用 <pre><code>jQuery(&#39;#the-video&#39;).load();</code></pre></p> 加载它 </answer> </body></html>

Jquery函数动态选项

请检查下面的代码，这有效 $('表单').jsonForm({ 'schema': { 'message': { 'type': 'string', 'title': '消息' }, 'author': { 'type': 'object', 'title': '作者', 'properties '：{'南...

如何让内容展示更好

我们正在开发一个社交网络项目，在这个项目中我们正在添加内容，例如图像、视频、音频、链接 (html)。 目前我们使用shadowbox.js 来展示它。但为了更好

添加 jQuery 插件在 React 应用程序中不起作用； “类型错误：this.$el.chosen 不是一个函数”

我正在学习 React 并正在关注集成其他库章节。我尝试了他们建议的相同方法，但出现以下错误： 类型错误：this.$el.chosen 不是函数 选择了。

如何获取用户上传的.PDF的页数？

我有一个文件输入，在“上传”之前我需要计算JAVASCRIPT中该.pdf的页数（例如JQuery...）

添加 selectBox="true" 属性时，Struts2 JQuery 插件自动完成器不起作用

有效（加载列表正常）： 有效（加载列表正常）： <s:url id="countrylist" action="lstcountryaction" /> <sj:autocompleter list="lstcountry" listKey="idcountry" listValue="countryname" label="Country" href="%{countrylist}" name="idcountry" /> 不起作用（未加载任何内容。未调用该操作）： <s:url id="countrylist" action="lstcountryaction" /> <sj:autocompleter selectBox="true" list="lstcountry" listKey="idcountry" listValue="countryname" label="Country" href="%{countrylist}" name="idcountry" /> 唯一的区别是添加了 selectBox 属性。我缺少什么？我正在使用 Struts 2.3.15 和 Struts2 JQuery Plugin 3.6.1（它们都是相当新的）。 谢谢！！ 启用 <sj:autocompleter> 的 Struts2 jQuery selectBox=true 小部件能够正常工作，不应远程加载数据。换句话说，属性 href="%{countrylist}" 是选择框不起作用的罪魁祸首。这两个属性是互斥的。您必须在两个选项之间进行选择，要么使用 autocompleter 作为带有远程数据的输入框，要么作为选择框但不远程加载数据，因为它是从 valueStack 作为普通 select 标签加载的。 您可以用 selectBoxIcon="true" 补充选择框以使小部件顺利显示或在标题标签中使用相应的 jQuery 主题。 尝试一下 <sj:autocompleter selectBox="true" selectBoxIcon="true" list="lstcountry" listKey="idcountry" listValue="countryname" label="Country" name="idcountry" /> 来自 struts2 jQuery 插件 wiki 页面的示例。 +1，因为我看到你已经已经在相关的Google群组上发布了...但是，如果事情没有改变，根据插件作者的这个（相当旧，但仍然打开JIRA）评论 : 带有 selectBox 的自动完成器正在使用静态列表。在 您的用例应该使用 <sj:select /> 标签 改为 autocomplete="true"。 <s:url id="remoteurl" action="jsonsample"/> <sj:select href="%{remoteurl}" autocomplete="true" id="echo3" name="echo" list="languageObjList" listKey="myKey" listValue="myValue" emptyOption="true" headerKey="-1" headerValue="Please Select a Language"/> 然后，将 <sj:select /> 和 emptyOption 设置为 autocomplete 的 true 可以替代您正在寻找的动态选择框 <sj:autocompleter />。 也可以随意运行这个示例，它似乎是开箱即用的。