jquery-ui 相关问题

我目前对 jquery Tabs UI 为选项卡生成 div 的方式遇到问题。通常，用户首先会调用 $("tabs").tab() 来初始化选项卡。 <... 我目前对 jquery Tabs UI 为选项卡生成 div 的方式遇到问题。通常，用户首先会调用 $("tabs").tab() 来初始化选项卡。 <div id="tabs"> <ul> <li> <a href="controls/form_unassigned.html" id="channel1_link">CH1 N/A</a> </li> <li> <a href="controls/form_srw.html" id="channel2_link">CH2 N/A</a> </li> </ul> </div> 这将创建 <div id="ui-tabs-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom"> </div> <div id="ui-tabs-2" class="ui-tabs-panel ui-widget-content ui-corner-bottom"> </div> 这就是 div id 为“ui-”++ 的预期结果。但是，如果您调用 $("tabs").tab() 再次初始化而不刷新浏览器，则递增的 id 不会从 0 开始，而是从 2 开始。因此选项卡将设置为： <div id="ui-tabs-3" class="ui-tabs-panel ui-widget-content ui-corner-bottom"> </div> <div id="ui-tabs-4" class="ui-tabs-panel ui-widget-content ui-corner-bottom"> </div> 但是，我想要的效果是每次调用initialize时id都从0开始。因此，我想要 1/2，而不是 div id 的 3/4。我尝试在每个初始化的开头调用 .tabs('destroy') 希望这会重置自动生成的 id，但这也不起作用。我在 jquery 选项卡 UI 上找不到任何内容来解决此问题，或者也许我只是没有看到它。我希望 id 从 0 开始的原因是因为我使用这个特定的 div 来动态填充内容。任何建议表示赞赏，谢谢！ D 不修改 jQuery UI 源代码是不可能的。 tabId仅从包装选项卡模块的匿名函数内部可见，并且它不会“导出”任何函数来更改它。如果您可以接受非常肮脏的黑客攻击，请在函数中添加以下内容： window.resetTabID = function() { tabId = 0; } 这将允许您调用全局函数resetTabID()来重置选项卡ID。但是，你最好不要使用这样的 hack。 Per this post - 使用标题属性。 <div id="example"> <ul> <li><a href="ahah_1.html"><span>Content 1</span></a></li> <li><a href="ahah_2.html"><span>Content 2</span></a></li> <li><a href="ahah_3.html"><span>Content 3</span></a></li> </ul> </div> Obviously this degrades gracefully - the links, e.g. the content, will still be accessible with JavaScript disabled. Note that if you wish to reuse an existing container, you could do so by matching a title attribute and the container's id: <li><a href="hello/world.html" title="Todo Overview"> ... </a></li> and a container like: <div id="Todo_Overview"> ... </div> 效果很好！您可以使用 aria-controls 设置选项卡 id <div id="tabs"> <ul> <li aria-controls="tab-mycustomid"> <a href="controls/form_unassigned.html" id="channel1_link">CH1 N/A</a> </li> .... 我发现在页面加载时更改到正确的选项卡时很有用

jquery jquery-ui jquery-ui-tabs

回答 3 投票 0

允许 Gridstack 仅可拖动到项目的特定区域

我正在使用 Gridstack js 为仪表板创建可拖动/可调整大小的小部件。图片显示了一个示例小部件。我保留了默认的可拖动值，我可以通过双击来拖动它

javascript jquery jquery-ui draggable gridstack

回答 2 投票 0

如何调整draggableElement以获得正确的x和y位置

我已经实现了图表js来绘制由红线和蓝线指示的两条曲线。我想添加一个滑块（黑色垂直线），以便它始终保持在两条曲线内，并且用户可以将其向左移动并

javascript jquery css jquery-ui chart.js

回答 1 投票 0

jQuery UI 使用外部 JSON 文件自动完成文本框中的多个值

我有兴趣实现此处找到的解决方案（jQuery UI Autocomplete Multiple Values in Textbox），但使用外部 JSON 文件而不是硬编码数据集。有人可以帮忙吗？

json jquery-ui jquery-ui-autocomplete

回答 1 投票 0

activeClass 和hoverClass 在 jQuery UI Droppable 中不起作用

我的 drop 函数触发，一切似乎都是正确的，但hoverClass和activeClass不会改变div背景。我已经在 Chrome、Firefox 和 Edge 下尝试过了。这一定是我...

jquery-ui overriding jquery-ui-droppable

回答 1 投票 0

如果使用transform:scale()缩放滑块，如何使滑块正常工作

我的页面上有一个 jQWidget 滑块，但 jQuery 滑块也存在同样的问题。如果我将转换：缩放（0.7）设置为层次结构中上面的任何元素，则滑块不会显示正确的...

jquery-ui scale jqwidget

回答 1 投票 0

Jquery UI 可排序，按钮不能用作句柄

我正在尝试对表中的 tr 进行排序。代码 $("表体").sortable({ 手柄：“按钮” //句柄：'img' }).disableSelection(); 现场小提琴现在的问题是当使用 img 来处理它的时候

jquery jquery-ui handle jquery-ui-sortable

回答 2 投票 0

Sortable toArray() 有时会创建末尾有重复项的列表

我想使用一个表单让用户对项目列表进行排名，并将排名存储在一个名为“ranking”的表单字段中。我为此使用“Sortable”和“toArray”：我想使用一个表单让用户对项目列表进行排名，并将排名存储在名为 ranking 的表单字段中。我为此使用“Sortable”和“toArray”： <ul id="items" class="list-group list-group-numbered" style="cursor: move"> <li data-id="1" class="list-group-item list-group-item-action">Option 1</li> <li data-id="2" class="list-group-item list-group-item-action">Option 2</li> <li data-id="3" class="list-group-item list-group-item-action">Option 3</li> <li data-id="4" class="list-group-item list-group-item-action">Option 4</li> <li data-id="5" class="list-group-item list-group-item-action">Option 5</li> </ul> <script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"></script> <script> let el = document.getElementById('items'); let sortable = Sortable.create(el, { animation: 150, onChange: function (evt) { forminputs.ranking.value = sortable.toArray().join(','); } }); </script> <input type="hidden" name="ranking" id="ranking"> 在数据中，变量ranking主要存储包含要排序的项目的IDs的字符串。然而，偶尔（在我的数据中大约有 10%），它会存储一个字符串，其中一个 IDs 出现两次，即，与我的预期相比，该数组具有 length+1 。重复的 ID 总是出现在数组的末尾，即，如果出现 n+1 元素，则前 n 元素是唯一的，第 n+1 元素是以下元素之一的重复项之前的元素。我期望每个输入都有一个恒定长度的数组。我尝试自己复制它，但失败了。这可能是与特定浏览器相关的问题吗？由于重复项始终位于末尾，我是否可以假设前 n 元素代表用户提交的实际排名？ jQuery-UI Sortable 在拖动时使用占位符元素来指示放置插入位置。也许您正在读出该内容，因为您正在使用 OnChange 事件来读出（可以识别占位符元素，因为它带有类 ui-sortable-placeholder）。当用户不断拖动元素时，onChange可以被触发多次。您可能想在 onUpdate 事件中读出最终序列，该事件每次拖放仅触发一次。请参阅：https://api.jqueryui.com/sortable/#event-update

jquery-ui jquery-ui-sortable iqueryable.toarray

回答 1 投票 0

jquery-ui 相关问题

最新问题