jquery-ui-sortable 相关问题

jQuery UI Sortable插件通过使用鼠标拖动使所选元素可排序。

在我看来我有 ... 在我看来我有 <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 然后您将能够在内联脚本中访问它纳泽夫

symfony drag-and-drop row jquery-ui-sortable

回答 1 投票 0

可排序js在移动浏览器中不起作用

下面是可排序的jquery代码，它在dasktop中工作正常，但在移动浏览器中不起作用，所以请建议如何解决...？ $(文档).ready(函数() { $("#post_list&q...

jquery jquery-ui-sortable

回答 1 投票 0

尝试在我的 pysimplegui 表中创建日期范围过滤器

首先祝大家2024年一切顺利！我试图在我的 PySimpleGUI 表应用程序中创建一个日期范围可排序过滤器，但不幸的是我一直收到此错误：回溯（...

datetime filter jquery-ui-sortable pysimplegui

回答 1 投票 0

带有额外全角列的 HTML 表格行

我有一个包含多行和多列的 HTML 表格。我想将 td 附加到其中一些行，以便 td 看起来像一个新行并跨越表格的整个宽度。这很有用...

css html jquery-ui html-table jquery-ui-sortable

回答 2 投票 0

Jquery 可排序表在拖动时缩小

我的问题是拖动时表格会缩小。行保持其宽度，但表格缩小。有没有办法在拖动时保持表格的原始宽度？例子在这里可排序功能是...

jquery jquery-ui jquery-ui-sortable

回答 3 投票 0

如何创建仅显示数据库中某些条目的页面？ [已关闭]

基本上，我有一个网站来显示我拥有的所有项目，但我希望这些项目自动排序到它们自己的类别页面中，而不是将它们全部显示在单个页面中。我不是超级

javascript php database categories jquery-ui-sortable

回答 1 投票 0

jQuery UI 可排序和 Bootstrap 网格

我在 BS 中创建了一个仪表板网格，并希望能够使用 Sortable 拖动图块 - 这本身工作正常，但行为确实不可预测。我有一个 6 x 4 网格，对于

twitter-bootstrap jquery-ui jquery-ui-sortable

回答 3 投票 0

Vue 销毁可排序元素

总结创建面板，并将图层添加到面板。当尝试删除图层时面板中的最后一个图层被删除，而不是图层项目选择销毁。完整问题：了解c...

vue.js draggable jquery-ui-sortable destroy splice

回答 1 投票 0

jQuery UI 可排序，主体缩放不起作用，无法正确计算拖放区域

我正在尝试使用 body 上的缩放 CSS 属性进行 jQuery UI 可排序工作。但它不允许我正确拖放到正确的位置。仅拖动一半区域，如果用户尝试拖动...

javascript jquery css jquery-ui jquery-ui-sortable

回答 2 投票 0

防止 JqueryUI 可排序中列表项的删除

我有两个列表 #sortable1 和 #sortable 2，它们是连接的可排序项，如本例所示。您可以将列表项从 sortable1 拖放到 sortable 2。但是，如果 sortable 1 中的某个项目

jquery jquery-ui drag-and-drop jquery-ui-sortable

回答 8 投票 0

Laravel 10 中的 Kyslik/列排序

我在 laravel 10 中有一个带有 kyslik/column-sortable 的项目。当我获得路线时：路线::get("/test", [searchEngineController::class, '排序']); 并在 searchEngineController::sort 中：公共乐趣...

mysql laravel jquery-ui-sortable

回答 1 投票 0

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 draggable jquery-ui-sortable children input-field

回答 3 投票 0

排序时是否可以“暂停”放置事件以询问用户问题（jquery-ui 可排序）？

我正在开发一个使用 jquery-ui 可排序小部件的项目。在某些情况下，我需要问用户一个与排序相关的问题，然后更新回调就会起作用

jquery-ui jquery-ui-sortable

回答 1 投票 0

AngularJS - jQuery - ui-sortable g.sortable 不是函数

我正在 ui-sortable 的帮助下创建一个带有可拖动行的表格 ...

jquery angularjs requirejs jquery-ui-sortable

回答 3 投票 0

无法在 shinyalert 或 modal 中添加 sortable::rank_list()

我正在尝试在 Shiny 应用程序中从可排序库中添加一个 rank_list。如果输入位于 UI 的流动页面部分，这似乎工作正常。当我将它添加到 shinyalert() 或模态...