jquery-plugins 相关问题

jQuery库的自定义附加组件和插件。 jQuery函数和功能未包含在标准jQuery库中。

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

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

jquery jquery-ui jquery-plugins blink

回答 1 投票 0

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

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

jquery pagination jquery-plugins tablesorter

回答 2 投票 0

jQuery 分页器插件

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

php pagination jquery-plugins jquery-selectors

回答 2 投票 0

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

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

jquery jquery-ui jquery-plugins

回答 2 投票 0

JQuery Cookie 无法在 chrome 上运行D

我正在运行这段代码， D <p>我正在运行这段代码，</p> <pre><code><html> <head> <title>D</title> <script type="text/javascript" src="jQuery.js"></script> <script type="text/javascript" src="Cookie.js"></script> <script type="text/javascript"> $(document).ready( function() { $.cookie("d", "1") ; }) ; </script> </head> <body> <script type="text/javascript"> alert( $.cookie("d") ) ; </script> </body> </html> </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>

jquery jquery-plugins cookies

回答 0 投票 0

Wordpress 覆盖 Jquery 问题

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

php jquery wordpress jquery-plugins wordpress-theming

回答 1 投票 0

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>  </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

jquery jquery-ui jquery-plugins multi-select

回答 0 投票 0

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

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

jquery-plugins jqgrid pdfmake

回答 1 投票 0

如何在Sweet Alert中使用html标签

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

jquery jquery-plugins

回答 5 投票 0

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

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