jquery-plugins 相关问题

Jquery 插件无法在多个元素上正常工作

我已经创建了自己的简单 jQuery 插件，但是当我放置 2 个元素并在每个元素上调用插件时，我遇到了一些问题。 这是我的 .js 代码： 函数 fTable(元素,选项) { 自我...

将 jQuery 选择器转换为 HTML 以创建新的 DOM 元素

我想实现一个将选择器转换为 HTML 的 jQuery 插件。我知道这两种语法之间的映射是多对多的，但是简单的选择器很容易转换为 HTML。

从数据库创建事件 ID？

我正在使用 json feed 填充日历。 $return_arr = 数组(); $fetch = mysql_query("从事件中选择*"); while ($row = mysql_fetch_array($fetch, MYSQL_ASSOC)) { $row_array['rowid'] =...

jQuery 插件架构语法 - 这行是什么意思？

我正在阅读插件开发的 jQuery 文档，遇到了一行我无法理解的代码。 $.fn.tooltip = 函数( 方法 ) { 如果（方法[方法]）{ 返回我...

jQuery 插件 - 它是如何工作的？

我有一个小问题： 我不知道如何运行这个 jQuery 插件： http://plugins.jquery.com/project/sound 没有可用的演示:(

谁能给我解释一下这个 jQuery 插件吗？

这个插件如何翻译成其他语言。 我想使用这个插件来翻译语言。它是如何工作的，我需要这个插件的文档。我在哪里可以得到它。？ 任意

Jquery 插件语法解释？

我见过一些 jQuery 插件代码 其中之一是重载 jQuery 中的 addClass 方法（示例：当您 addClass 时 - 调用 myfunction ()）。 （功能（）{ var 原始添加类方法 = j...

jquery ui selectmenu：如何正确设置动态宽度？

我想使用来自 felixnagel 的 jquery ui selectmenu。它可以工作，但我有一个问题，jquery 总是为选择菜单设置太小的宽度，以便打开/关闭图标出现在 c 上方...

使用 jQuery 实现动态地铁地图线路高亮

我有一个与地铁地图相关的挑战。有两条线，紫色和绿色。我想实现一个功能，单击紫线使其闪烁，当我单击绿线时，...

使用 jQuery Tablesorter 将行添加到表时如何保留分页器状态？

我正在使用tablesorter插件：http://tablesorter.com/docs/ 和jquery 1.4.2 现在我的问题是这样的。用户可以动态地将行添加到表中。但这似乎搞乱了分页。就像...

jQuery 分页器插件

我正在寻找一个基于计算编号的 jQuery 分页器插件。特定类中的 div， 比如Spry分页视图数据集： http://labs.adobe.com/technologies/spry/articles/pager/index.html

有没有办法模仿无限循环滚动而不让页面跳到顶部？

我目前正在开发一个带有砖石网格的网站 - 理想情况下，我希望发生的是模仿循环滚动，当用户到达页面末尾时，砖石网格中的项目

JQuery Cookie 无法在 chrome 上运行D

我正在运行这段代码， D <p>我正在运行这段代码，</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;title&gt;D&lt;/title&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;jQuery.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;Cookie.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34;&gt; $(document).ready( function() { $.cookie(&#34;d&#34;, &#34;1&#34;) ; }) ; &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;script type=&#34;text/javascript&#34;&gt; alert( $.cookie(&#34;d&#34;) ) ; &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>在 Firefox、IE 上显示“1”，但在 Chrome 中显示“null”。知道为什么吗？我正在使用来自 <a href="http://plugins.jquery.com/files/jquery.cookie.js.txt" rel="nofollow">http://plugins.jquery.com/files/jquery.cookie.js.txt</a></p> 的最新 jQuery 和 cookie 插件 </question> <answer tick="true" vote="10"> <p>Chrome 不支持本地 cookie，除非您使用 --enable-file-cookies 标志启动它。您可以在<a href="http://code.google.com/p/chromium/issues/detail?id=535" rel="nofollow noreferrer">here</a></p>阅读有关它的讨论 <p>*如果您直接使用本地 IP 地址 (127.0.0.1)，Chrome 确实支持 cookie。所以在本地主机的情况下，这可能是一个更简单的解决方法。</p> </answer> <answer tick="false" vote="1"> <p>JQuery Cookie 在 Chrome 浏览器中不起作用。因此，今天经过几个小时的工作后，我找到了一个使用 javascript Storage API 来完成此任务的解决方案。您可以查看<a href="http://www.gitarani.com/classified.htm?classifiedId=15360" rel="nofollow">此帖子</a>了解详情。</p> </answer> <answer tick="false" vote="0"> <p>可以使用浏览器存储代替Cookie。我喜欢浏览器本地商店</p> </answer> </body></html>

Wordpress 覆盖 Jquery 问题

基本上这正是我正在做的事情： 当我在functions.php上执行此操作时，它不起作用 //函数.php add_action('init', 'override_jquery'); 函数 override_jquery() { 如果（！is_admin（））...

jQuery 多选下拉菜单

我有一个简单的 html 多选下拉列表： 分配 ... 我有一个简单的 html 多选下拉列表： <select id="transactionType" multiple="multiple" size="10"> <option value="ALLOC">ALLOC</option> <option value="LOAD1">LOAD1</option> <option value="LOAD2">LOAD2</option> <!-- etcetera... --> </select> 我想在 javascript 被禁用的情况下继续使用此列表，但是使用 javaScript 我想将该列表呈现为多选下拉列表。也就是说，它仅显示列表中的一项，直到单击为止，然后将展开以显示 x 项并提供滚动，其中我可以在按住 Shift 或 Ctrl 的同时按照您的预期选择多个元素。 jQuery 新手正在搜索 http://jquery.com/ 但尚未找到我需要的内容。 编辑 Struts2 用户，所选答案将使用 [] 进行 url 编码，这会导致 struts2 出现问题，但修复非常简单。只需打开 jquery.multiSelect.js 并搜索“[]”并删除在字符串连接中使用的一个实例。我还使用 jQuery 1.4.4，而不是与它捆绑在一起的 1.3.2，一切都工作得很好。 更新（2017）： 以下两个库现已成为 Javascript 中最常用的下拉库。虽然它们是 jQuery 原生的，但它们已经过定制，可以与从 AngularJS 1.x 到 Bootstrap 的自定义 CSS 的所有内容一起使用。 （Chosen JS，这里的原始答案，受欢迎程度似乎已经下降到#3。） 选择2：https://select2.github.io/ 选择：http://selectize.github.io/selectize.js/ 下面是必要的屏幕截图。 选择2： 选择： 原始答案（2012）：我认为选择的库也可能有用。它有 jQuery、Prototype 和 MooTools 版本。 随附的是“Chosen”中多选功能的屏幕截图。 我也在为我的公司寻找一个简单的多重选择。我想要一些简单的、高度可定制的、除了 jQuery 之外没有大依赖的东西。 我没有找到适合我需求的，所以我决定编写自己的代码。 我在生产中使用它。 这里有一些演示和文档：loudev.com 如果您想贡献，请检查 github 存储库 下载jquery.multiselect 包含 jquery.multiselect.js 和 jquery.multiselect.css 文件 <script src="jquery-ui-multiselect-widget-master/src/jquery.multiselect.js" type="text/javascript"></script> <link rel="stylesheet" href="jquery-ui-multiselect-widget-master/jquery.multiselect.css" /> 填充您选择的输入 添加多选 $('#' + Field).multiselect({ checkAllText: "Your text for CheckAll", uncheckAllText: "Your text for UncheckCheckAll", noneSelectedText: "Your text for NoOptionHasBeenSelected", selectedText: "You selected # of #" //The multiselect knows to display the second # as the total }); 您可以改变风格 ui-multiselect { //The button background:#fff !important; //background-color wouldn't work here text-align: right !important; } ui-multiselect-header { //The CheckAll/ UncheckAll line) background: lightgray !important; text-align: right !important; } ui-multiselect-menu { //The options text-align: right !important; } 如果要重新填充选择，则必须刷新它： $('#' + Field).multiselect('refresh'); 获取所选值（逗号分隔）： var SelectedOptions = $('#' + Field).multiselect("getChecked").map(function () { return this.value; }).get(); 要清除所有选定的值： $('#' + Field).multiselect("uncheckAll"); 看看 erichynds 下拉多选，其中包含大量设置和调整。 您可以使用 selected.i 从该链接下载所有文件 选择下载链接 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <link href="style.css" rel="stylesheet" type="text/css" /> <link href="prism.css" rel="stylesheet" type="text/css" /> <link href="chosen.css" rel="stylesheet" type="text/css" /> <script src="jquery-2.1.4.min.js" type="text/javascript"></script> <script src="chosen.jquery.js" type="text/javascript"></script> <script src="prism.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $(".chzn-select").chosen(); }); </script> </head> <body> <form id="form1" runat="server"> <div> <ion-view view-title="Profile"> <ion-content class="padding"> <div> <label class="item item-input"> <div class="input-label">Enter Your Option</div> <select class="chzn-select" multiple="true" name="faculty" style="width:1000px;"> <option value="Option 2.1">Option 2.1</option> <option value="Option 2.2">Option 2.2</option> <option value="Option 2.3">Option 2.3</option> </select> </label> </div> </ion-content> </ion-view> </div> </form> </body> </html> 同一文件夹中的所有文件 <select id="mycontrolId" multiple="multiple"> <option value="1" >one</option> <option value="2" >two</option> <option value="3">three</option> <option value="4">four</option> </select> var data = "1,3,4"; var dataarray = data.split(","); $("#mycontrolId").val(dataarray); 您可以破解自己的，而不是依赖 jQuery 插件...尽管您需要在外部（在 JS 中）跟踪所选项目，因为转换会删除所选状态信息： <head> <script type='text/javascript' src='http://code.jquery.com/jquery-1.4.4.min.js'></script> <script type='text/javascript'> $(window).load(function(){ $('#transactionType').focusin(function(){ $('#transactionType').attr('multiple', true); }); $('#transactionType').focusout(function(){ $('#transactionType').attr('multiple', false); }); });> </script> </head> <body> <select id="transactionType"> <option value="ALLOC">ALLOC</option> <option value="LOAD1">LOAD1</option> <option value="LOAD2">LOAD2</option> </select> </body> 我使用 jQuery MultiSelect 来实现带有复选框的多选下拉菜单。您可以从这里查看实施指南 - 带有复选框的多选下拉列表 实现非常简单，只需要使用以下代码即可。 $('#transactionType').multiselect({ columns: 1, placeholder: 'Select Transaction Type' }); 你想做这样的事情吗http://jsfiddle.net/robert/xhHkG/ $('#transactionType').attr({ 'multiple': true, 'size' : 10 }); 将其放入 $(function() {...}) 或其他加载中 编辑 重新阅读您的问题，您实际上并不是在寻找多项选择...而是一个允许您选择多项的下拉框。是的，可能最好使用插件或从头开始编写它，但这不是“快速回答”类型的交易。 试试这个多选功能 $(document).ready(function(){ var multipleCancelButton = new Choices('#choices-multiple-remove-button', { removeItemButton: true, maxItemCount:5, searchResultLimit:5, renderChoiceLimit:5 }); }); .mt-100{margin-top: 100px}body{background: #00B4DB;background: -webkit-linear-gradient(to right, #0083B0, #00B4DB);background: linear-gradient(to right, #0083B0, #00B4DB);color: #514B64;min-height: 100vh} <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/bbbootstrap/libraries@main/choices.min.css"> <script src="https://cdn.jsdelivr.net/gh/bbbootstrap/libraries@main/choices.min.js"></script> <div class="row d-flex justify-content-center mt-100"> <div class="col-md-4"> <select id="choices-multiple-remove-button" placeholder="Select upto 5 tags" multiple> <option value="HTML">HTML</option> <option value="Jquery">Jquery</option> <option value="CSS">CSS</option> <option value="Bootstrap 3">Bootstrap 3</option> <option value="Bootstrap 4">Bootstrap 4</option> <option value="Java">Java</option> <option value="Javascript">Javascript</option> <option value="Angular">Angular</option> <option value="Python">Python</option> <option value="Hybris">Hybris</option> <option value="SQL">SQL</option> <option value="NOSQL">NOSQL</option> <option value="NodeJS">NodeJS</option> </select> </div> </div> 下拉菜单 尝试这个真实的例子 - https://bbbootstrap.com/snippets/multiselect-dropdown-list-83601849

jqGrid - 在导出到 PDF 时显示页码

我正在使用 Guriddo jqGrid JS-v5.8.2 和 pdfmake 0.2.7 我可以将 jqGrid 打印为 PDF，但我希望打印输出在页脚中显示页码。 这是我所拥有的 $("#

如何在Sweet Alert中使用html标签

var text += '嗨这是错误'; swal("必填", 文本, "错误"); 如何在 Bootstrap Sweet 警报插件中使用 html 编码。 在上面的代码中我必须写一个错误消息！到

如何在 JQuery DataTable 中默认显示所有行

有人知道如何在 jQuery 数据表中默认显示所有行吗？ 我已经尝试过这段代码，但它默认只显示 10 行。 $("#adminProducts").dataTable({ “aLengthMenu”：[100...

如何模糊滚动图像？

你们现在正在开发这个网站，它快完成了，但是我目前正在用 2 个图像和不透明度模拟模糊效果，所以当您滚动时用户会认为图像模糊...

加载时选中 jstree 复选框

我正在与 jQuery jsTree 插件复选框作斗争。好的，我已经了解如何处理选中或取消选中复选框的事件。如果有用我可以粘贴代码： .bind("check_node.jstree", 函数(e,