jquery-ui 相关问题

jQuery UI 图标系统是否有一个“空”图标 - 一个没有图像的图标？

听起来有点愚蠢的问题，但这将是一个很好的功能。 jQuery UI 图标系统是否有一个“空”图标 - 一个没有图像的图标？ 我是否被迫在 ui-icon-emp 上做一些自定义样式...

jquery mobile 中下拉选项默认显示问题

我不希望下拉默认选择的选项单独显示，但为什么会发生这种情况。 是否有一个选项可以跳过特定下拉列表的 jquery 设置？就像使用某些功能一样...

将项目移动到新的可排序：如何引用我将元素拖放到其中的列表？

我有两个链接在一起的可排序列表。 我在第一个列表上有一个事件侦听器，在“sortupdate”上调用函数“A”，以便在我对列表中的项目进行排序或

扫描条形码后按 Enter

我正在寻找在完成输入后按 Enter 的方法。我正在扫描输入中的条形码，但在将代码插入输入后，我想自动按 Enter 键并调用我的

jQuery 选项卡：如何隐藏单个选项卡？

如何隐藏tab2？我可以将 ID 添加到第二个 li 中，然后用 jQuery 隐藏它，但是没有办法直接通过 .tabs 来做到这一点吗？ 如何隐藏tab2？我可以将 ID 添加到第二个 li，然后用 jQuery 隐藏它，但是没有办法直接通过 .tabs 来做到这一点吗？ <div id="tabs" style="width:100%"> <ul> <li> <a href="#tab1"> Tab 1 Title </a> </li> <li> <a href="#tab2"> Tab 2 Title </a> </li> </ul> <div id="tab1" style="width:100%;"> content tab1 .... 试试这个： $('[href="#tab2"]').closest('li').hide(); 试试这个： $($("#tabs").find("li")[1]).hide() 演示 HTML： <div id='MyTabSelector'> <ul> <li><a href="#tabs-1">Tab 0</a></li> <li><a href="#tabs-2">Tab 1</a></li> <li><a href="#tabs-3">Tab 2</a></li> </ul> <div id="tabs-1"> <a href="#" onclick="$('#MyTabSelector').disableTab(1);">Disable Tab 1</a><br /> JS： (function ($) { $.fn.disableTab = function (tabIndex, hide) { // Get the array of disabled tabs, if any var disabledTabs = this.tabs("option", "disabled"); if ($.isArray(disabledTabs)) { var pos = $.inArray(tabIndex, disabledTabs); if (pos < 0) { disabledTabs.push(tabIndex); } } else { disabledTabs = [tabIndex]; } this.tabs("option", "disabled", disabledTabs); if (hide === true) { $(this).find('li:eq(' + tabIndex + ')').addClass('ui-state-hidden'); } // Enable chaining return this; }; $.fn.enableTab = function (tabIndex) { $(this).find('li:eq(' + tabIndex + ')').removeClass('ui-state-hidden'); this.tabs("enable", tabIndex); return this; }; })(jQuery); $('#MyTabSelector').tabs(); 您需要隐藏 li 和 div 才能隐藏选项卡 所以你的jquery将是 $($("#tabs").find("li")[1]).hide(); $($("#tabs").find('#tab2')).hide(); 你可以试试这个： //when you click a tab $('#tabs a').click(function(){ //show hidden tabs again $('#tabs li:hidden').show(); //hide the clicked tab $(this).parent().hide(); });

openai 的 jQuery 智慧

等等等等，吸它OPEN AI。 显然我需要更多角色......

Datepicker：模态上的日期选择器（z-index）

今天，当我尝试在 Bootstrap Modal 上显示日期选择器时，我遇到了这个问题。 我使用 bootstrap-datepicker 作为日期选择器库。 这是我的模式形式： <... 今天当我尝试在 Bootstrap Modal 上显示日期选择器时遇到这个问题。 我使用 bootstrap-datepicker 作为日期选择器库。 这是我的模式形式： <div class="form-group"> <label for="message-text" class="control-label">Start Date</label> <div class="input-group date"> <div class="input-group-addon"> <i class="fa fa-calendar"></i> </div> <input type="text" class="form-control pull-right datepicker" id="datepicker2" name="start_date"> </div> </div> 这是我的日期选择器脚本： $('#datepicker2').datepicker({ autoclose: true, format: 'yyyy-mm-dd', zIndexOffset: 10000 }); 我已经使用了 zIndexOffset 但它不起作用，日历仍然显示在模式后面。 有人可以建议解决方案吗？ 谢谢你。 您应该尝试在模式中添加日期选择器容器div。你可以给模态一个 id，如下所示： <div class="form-group" id="myModalWithDatePicker"> <label for="start_date" class="control-label">Start Date</label> <div class="input-group date"> <div class="input-group-addon"> <i class="fa fa-calendar"></i> </div> <input type="text" class="form-control pull-right datepicker" id="datepicker2" name="start_date"> </div> </div> 然后您可以使用 container 选项，如下所示： $('#datepicker2').datepicker({ autoclose: true, container: '#myModalWithDatePicker', format: 'yyyy-mm-dd' }); 我使用此选项来修复。 .modal-open .ui-datepicker{z-index: 2000!important} 此选项已在模态打开时应用（类 modal-open 添加到主体） 这对我来说很好用...只需添加样式 <style> /* style sici */ .datepicker { z-index: 1600 !important; } </style>

带有链接的 jQuery UI 工具提示 HTML 内容

我想使用 jQuery UI 工具提示。在工具提示中，我希望有一个 HTML 格式的链接。 我看到这个问题说如何在工具提示中使用 HTML，但是当我想要时出现问题...

如何在 jQuery DatePicker 中使用 Tab 键选择月份？

我一直在尝试在 jQuery 日期选择器中的“下个月”按钮上启用 keydown 事件。 这个想法是让用户不使用鼠标而只使用制表键和 Enter 键来选择日期。 我知道...

jQuery Datepicker：使用 Tab 键选择月份

我一直在尝试在 jQuery 日期选择器中的“下个月”按钮上启用 keydown 事件。 这个想法是让用户不使用鼠标而只使用制表键和 Enter 键来选择日期。 我知道...

显示时禁用 jquery ui 单选按钮的焦点

当我自动使用 jquery ui 单选按钮时，第一个单选按钮将获得焦点。 我怎样才能禁用它

JQuery 可拖动/可调整大小的图像周围的文本环绕

我正在尝试使用 JQuery，并且希望图像可以调整大小和可拖动。我还希望当拖动图像或调整图像大小时文本环绕图像（不必是实时的）。对吧...

如何在jQuery sortable中获取元素的Id

我面临着获取排序时移动的元素的 id 的问题。例如。 第一 第二个 <...

拖动时 jQuery UI 排序不准确

我在使用 jQuery UI Sortable Widget 时遇到问题，它对元素放置位置有点不准确。 例子： HTML： <... 我在使用 jQuery UI Sortable Widget 时遇到问题，它对于元素的放置位置有点不准确。 示例： HTML： <div class="Container"> <div class="Item"><img src="https://www.google.com/images/errors/logo_sm_2.png" /></div> <div class="Item"><img src="https://www.google.com/images/errors/logo_sm_2.png" /></div> <div class="Item"><img src="https://www.google.com/images/errors/logo_sm_2.png" /></div> <div class="Item"><img src="https://www.google.com/images/errors/logo_sm_2.png" /></div> </div> CSS： div.Container { clear: both; } div.Container div.Item { float: left; display: block; padding: 5px 5px 2px 5px; background-color: #ccc; border: solid 1px #aaa; border-radius: 5px; margin: 0 10px 10px 0; } div.Container div.Item img { width: 30px; height: auto; border: solid 1px #888; } JS： $(document).ready(function() { $('div.Container').sortable({ revert: true, cursor: 'move' }); }); JSFiddle：http://jsfiddle.net/ghdbxj7t/ 尝试直接向下拖动一个元素（在其他元素下方），然后向右拖动经过最后一个元素，然后向上拖动以再次与元素对齐。 这会导致原始元素占位符卡在其位置，并且不会移动任何其他元素。 如果您将元素与最后一个元素完全对齐（水平）拖动，您几乎可以在最后一个元素切换之前到达它的顶部（有时我什至可以走得更远）。 此示例与我在自己的网站上遇到的情况类似，但行为更为极端。我可以将第一个元素水平拖动到所有其他元素上，它们排序得很好除了最后一个元素对于何时允许自己进行排序非常敏感。 我网站上的 HTML 和 CSS 与 JSFiddle 中的几乎完全相同。 我该怎么做才能使拖动更加准确，以便拖动到最后一个项目之后的元素立即排序，而不必在最后一个项目上多次拖动它才能让它明白我想将其放置在那里？ 此行为已在 Chrome 中测试。 我正在使用 jQuery 1.11.2 和 jQuery UI 1.11.4（JSFiddle 似乎不支持这些，但 1.9.1 中的行为接近我所经历的） 7岁了，但我想我可以帮忙。但讽刺的是，我也来寻找答案，并且碰巧在弄乱你的 jsfiddle 时修复了它。从那时起您可能已经修复了它，因此这可以为其他遇到问题的人提供参考。 您可以通过添加选项 tolerance 并向其添加值 pointer 来帮助使其更加准确。 示例代码： $(document).ready(function() { $('div.Container').sortable({ revert: true, cursor: 'move', tolerance: "pointer" }); }); 这是做什么的，当您的光标与其他项目重叠时，它就会开始对其进行排序。默认情况下，它是 intersect，对我来说这似乎有问题，尽管它没有问题。当项目与其他元素重叠时，Intersect几乎可以做到这一点，它会对其进行排序。当不同的项目可能具有不同的尺寸时，这看起来会非常有问题，并且边缘项目（例如右、左、上或下）也可能看起来有问题。 由于您有一个水平可排序列表，因此您可以使用 axis 选项来限制项目的拖动移动，如下所示 $(document).ready(function() { $('div.Container').sortable({ revert: true, cursor: 'move', axis: "x" }); }); http://api.jqueryui.com/sortable/#option-axis 有一个类似的问题，当我将一个项目拖到应该可放置的区域上时，当前元素没有移到一边以为其放置腾出空间）。 花了 2 天时间浏览各种 Stackoverflow 帖子和其他在线信息源后，乔纳森的答案是解决我的可排序敏感度问题的唯一答案。谢谢乔纳森！

当用户单击 Telerik Masked TextBox 时如何通过 Jquery 清除 Telerik Masked TextBox 的值

我正在制作一个模块，其中人的姓名和手机号码保存在数据库中。 Telerik Masked TextBox 被用作获取输入电话号码的方法。 $(".mainContainer").fin...

如果服务器端更新不起作用，则恢复到可排序的原始位置

我的问题是这个问题的重复，但接受的答案包含一个不再有效的小提琴。所以我需要再问一遍。 我正在使用 jquery Sortable 将 elems 从一个列表移动到 ano...

jQuery 选项卡中的相同 ID

我在一个小型应用程序中使用 jQuery Tabs 库。该页面有 5 个选项卡，每个页面的内容都是使用 Ajax 加载的。问题是，一旦我加载了一个选项卡，它就会保留在浏览器备忘录中......

如何使用自定义按钮实现 jQuery UI Datepicker 以增强用户交互和功能？

如何实现带有自定义按钮的 jQuery UI Datepicker 以增强用户交互？我想包含“下一步”、“下一步

标题的 jQuery ui 对话框图像

指定 jQuery UI 对话框时是否可以为我的标题放置图像而不仅仅是纯文本？ 谢谢

为什么我的 jQueryUI 模态对话框不起作用？

我有一个简单的任务却让我抓狂。 我的 jQuery 代码： $(文档).ready(函数() { $("#dialog_open").button().click(function () { $("#dialog_f...