jQuery UI Sortable插件通过使用鼠标拖动使所选元素可排序。
我想创建一些当用户单击操作按钮时会增加的框。 我尝试创建一个计数器，将其初始化为 1 并将其链接到操作按钮。当我尝试使用...
Jquery 可排序 - 从数据库检索元素位置并在刷新时将每个元素放置到其自己的位置
我一直在尝试使用jquery可排序为我的龙与地下城会话制作一个带有棋子（类似国际象棋）的简单网格系统。我正在使用 Laravel 和 Blade 来完成一个小项目。这不会...
我一直在尝试使用jquery可排序为我的龙与地下城会话制作一个带有棋子（类似国际象棋）的简单网格系统。我正在使用 Laravel 和 Blade 来完成一个小项目。这不会...
在我看来我有 ... 在我看来我有 <table class="table table-striped bg-white table-sm"> <thead> <tr> <th scope="col">Název</th> <th scope="col">Text</th> <th scope="col">Pořadí</th> <th scope="col">Smazat</th> </tr> </thead> <tbody class="list-group" id="listWithHandle"> {% for userSample in samples %} <tr class="list-group-item"> <td> <span class="glyphicon glyphicon-move" aria-hidden="true"></span></td> Drag me by the handle <td class="pe-5">{{ userSample.sample.name }}</td> <td class="pe-5">{{ userSample.sample.text }}</td> <td class="pe-5">{{ userSample.position}}</td> <td class="pe-5"><td><a href="{{ path('delete_user_template', {id: userSample.id}) }}"><i class="fa fa-trash"></i></a></td> </tr> {% endfor %} </tbody> </table> 我尝试表中的行可以通过拖放来重新排序。我发现 javascipt 库 Sotrable.js 看起来非常好https://github.com/SortableJS/Sortable。在 symfony 中，我使用 webpack encore，我通过 napm 安装可排序，在我的 app.js 中我有一行 import Sortable from 'sortablejs'; 但是编译后在控制台中我看到错误 未定义可排序 看来我有块 <script> // Simple list Sortable.create(simpleList, { /* options */ }); // List with handle Sortable.create(listWithHandle, { handle: '.glyphicon-move', animation: 150 }); 但是可排序不是功能 您需要将 Sortable 变量放在全局范围内以便稍后访问它： 在您的入口点（app.js）中您可以执行以下操作： import Sortable from 'sortablejs'; window.Sortable = Sortable 然后您将能够在内联脚本中访问它 纳泽夫
下面是可排序的jquery代码，它在dasktop中工作正常，但在移动浏览器中不起作用，所以请建议如何解决...？ $(文档).ready(函数() { $("#post_list&q...
首先祝大家2024年一切顺利！ 我试图在我的 PySimpleGUI 表应用程序中创建一个日期范围可排序过滤器，但不幸的是我一直收到此错误： 回溯（...
我有一个包含多行和多列的 HTML 表格。我想将 td 附加到其中一些行，以便 td 看起来像一个新行并跨越表格的整个宽度。这很有用...
我的问题是拖动时表格会缩小。行保持其宽度，但表格缩小。有没有办法在拖动时保持表格的原始宽度？ 例子在这里 可排序功能是...
基本上，我有一个网站来显示我拥有的所有项目，但我希望这些项目自动排序到它们自己的类别页面中，而不是将它们全部显示在单个页面中。 我不是超级
我在 BS 中创建了一个仪表板网格，并希望能够使用 Sortable 拖动图块 - 这本身工作正常，但行为确实不可预测。 我有一个 6 x 4 网格，对于
总结 创建面板，并将图层添加到面板。当尝试删除图层时 面板中的最后一个图层被删除，而不是图层项目 选择销毁。 完整问题： 了解c...
jQuery UI 可排序，主体缩放不起作用，无法正确计算拖放区域
我正在尝试使用 body 上的缩放 CSS 属性进行 jQuery UI 可排序工作。但它不允许我正确拖放到正确的位置。 仅拖动一半区域，如果用户尝试拖动...
我有两个列表 #sortable1 和 #sortable 2，它们是连接的可排序项，如本例所示。 您可以将列表项从 sortable1 拖放到 sortable 2。但是，如果 sortable 1 中的某个项目
我在 laravel 10 中有一个带有 kyslik/column-sortable 的项目。 当我获得路线时： 路线::get("/test", [searchEngineController::class, '排序']); 并在 searchEngineController::sort 中： 公共乐趣...
Jquery Draggable Sortable 写入正确的输入，获取子元素不起作用
我正在尝试对可排序 ul 中的一组照片重新排序；要以新顺序保存它们，我必须覆盖匹配的输入字段（名称和标题）： 这是我的 ul 结构： 我正在尝试对可排序的一组照片重新排序ul；要以新顺序保存它们，我必须覆盖匹配的输入字段（名称和标题）： 这是我的ul结构： <ul class="float drag1"> <g:each in="${fotos}" var="foto" status="index" > <li class="float editimg 1" id="${index}"> <div class="float imgbox"> <span class="floatr imgdel" onclick="deletePicture('${foto.name}')" title="Löschen"></span> <img src="${di.createImageURL(bucket:'foo', name: foto.name, format:'m')}" alt="${foto.titel}" /> <g:hiddenField name="fotos[${index}].name" readonly="readonly" value="${foto.name}"/> </div> <input type="text" name="fotos[${index}].titel" class="fototitel" value="${foto.titel}"/> </li> </g:each> </ul> 这就是我的 JS <script type="text/javascript"> $( sort ); function sort() {$('.drag1').sortable({ update: function(event,ui) { var draggingElement = $(ui.item); var ordering = draggingElement.index(); var string1 = 'fotos['+ordering+'].name' ; var string2 = 'fotos['+ordering+'].titel' ; alert(string1+'---'+string2); //the following part doesn´t work, when i give those inputs unique id´s it work´s but i want this to be more self fulfilling. var inputs = draggingElement.getElementsByTagName("input"); inputs[0].attr('name',string1); inputs[1].attr('name',string2); } }); } </script> 警告 string1 和 string2 显示它们是正确的，我只需要更新输入的 name 属性。但在上面的例子中我得到了一个 typeError draggingElement.getElementsByTagName is not a function 我不知道如何获取 DraggingElement 的子输入。 代替 var inputs = draggingElement.getElementsByTagName("input"); inputs[0].attr('name',string1); inputs[1].attr('name',string2); 试试这个 var inputs = draggingElement.find("input"); inputs.eq(0).attr('name',string1); inputs.eq(1).attr('name',string2); 我认为 getElementsByTagName 将为您提供 HTML 元素对象，而您需要 jQuery 元素对象 - 以便使用 attr 方法。 检查 jQuery 手册以获得返回 jQuery 元素数组的正确方法，然后像您所做的那样使用数组访问方法，或者对它们运行 each 迭代器。 （代表问题作者将答案移至答案空间。） 这是满足我需要的脚本，感谢您的回答。 $( sort ); function sort() { $('.drag1').sortable({ update: function(event,ui) { var draggingElement = $('.editimg'); draggingElement.each(function() { var ordering = $(this).index(); var string1 = 'fotos['+ordering+'].name'; var string2 = 'fotos['+ordering+'].titel'; var inputs = $(this).find("input"); inputs.eq(0).attr('name',string1); inputs.eq(1).attr('name',string2); }); } }); };
排序时是否可以“暂停”放置事件以询问用户问题（jquery-ui 可排序）？
我正在开发一个使用 jquery-ui 可排序小部件的项目。 在某些情况下，我需要问用户一个与排序相关的问题，然后更新回调就会起作用
AngularJS - jQuery - ui-sortable g.sortable 不是函数
我正在 ui-sortable 的帮助下创建一个带有可拖动行的表格 ...
无法在 shinyalert 或 modal 中添加 sortable::rank_list()
我正在尝试在 Shiny 应用程序中从可排序库中添加一个 rank_list。如果输入位于 UI 的流动页面部分，这似乎工作正常。当我将它添加到 shinyalert() 或模态...
Jquery Sortable 允许将项目拖入两组，每组最多 2 个
排序列表 我试图让人们只能从列表中选择两个项目，但能够选择两次。拖动的列表项甚至可以重复。 我的代码放了两个，然后禁用...
使用 Shiny 中的 sortable 包重命名和排序数据集的列
我一直在按照这篇文章中提供的解决方案更新 Shiny 应用程序中数据集的名称和列顺序。原来的解决方案使用了一个虚拟数据集，但现在我想扩展这个