Tag: jquery ui sortable

如何将可排序顺序传递给jQuery中的隐藏字段？

我正在尝试使用下面的代码将可排序列表的值传递给隐藏字段，但没有运气： $(document).ready(function(){ $(function() { $( “#sortable1, #sortable2” ).sortable({ connectWith: “.connectedSortable” }).disableSelection(); }); var idsInOrder = []; $(“#form_quest”).submit(function(){ $(“ul#sortable2 li.card”).each(function() { idsInOrder.push($(this).attr(‘title’)); }); $(“#sort_order”).val(idsInOrder); }); }); html隐藏字段： 我究竟做错了什么？ 提前致谢。

JQuery UI Draggable – 如果参数传递给clone（），则返回clone（）的Helper函数仅克隆一次

我正在克隆元素，因为它们是使用JQuery的clone()方法从JQuery UI Draggable列表中拖出来的。 查看clone()文档 ，我看到我可以通过将一个或两个布尔参数(true,true)传递给clone()方法来克隆已绑定到这些元素的事件。 通过这些论点，事情变得奇怪了。 如果我只是使用如下所示的clone() ，那么事情就会按预期工作。 $(“.draggable”).draggable({ connectToSortable: “.sortable”, helper: function(e) { return $(this).clone(); } }); 在上面的示例中，我获得了无限的克隆，但是我的事件与克隆的元素相关联也没有被克隆。 那么，当然，我想为这个clone()方法添加一个或两个参数，这样我也可以克隆事件！ $(“.draggable”).draggable({ connectToSortable: “.sortable”, helper: function(e) { return $(this).clone(true); } }); 但这使得事情只能克隆一次。 有关示例，请参阅下面的小提琴！ 这是clone(true)的小提琴，它只克隆一次： http ： //jsfiddle.net/og937wy7/9/ 这里有一个clone()的小提琴，它克隆了很多次。 http://jsfiddle.net/og937wy7/10/

Jquery拖放表格单元格并获取其保存位置

这里我有以下html，因为它基本上匹配以下概念，我需要能够拖放AnswerSide单元格。 只有答案边细胞可以让我上下移动。 移动后，我们需要得到答案的文本及其位置。 （正如我在asp.net中所做的那样，表格将在代码后面生成。） 用户可以在答案中上下移动。 （ 只能移动答案 ） 我们需要检索文本及其位置 我们需要将其保存在DB中 任何人都可以告诉我如何做到这一点。 我试过Jquery Ui sortables ，因为我没有得到它。 因为我是初学者，任何人都可以帮助我解决问题。 我使用HtmlTable和Div Layout进行了更新，但现在任何人都可以帮助我以任何方式解决问题 用于以下HTML的JSFIDDLE链接 Div布局的Jsfiddle QuestionSide Answer Side Question 1 Ans1 // this div is needed to question 2 Ans2 question 3 Ans3 question 4 Ans4 question 5 Ans5

jQuery UI可排序 – 单击时拖动元素

我有两个块，“可拖动”和“可排序”。 在“可拖动”内部，我可以将它们拖动到“可排序”的项目很少。 我希望有可能单击“draggable”中的项目并自动将其拖动到“可排序”。 这是我的JS： $(“.sortableList”).sortable({ placeholder: ‘ui-state-highlight’, }); $(‘.sortableList’).disableSelection(); $(“.draggable”).draggable({ connectToSortable: ‘.sortableList’, cursor: ‘pointer’, helper: ‘clone’, revert: ‘invalid’, start: function (event, ui) { $(this).addClass(‘testing’); } }); 这是一个jsbin 任何想法如何通过点击它们将元素拖动到“可排序”？

如何使用JQuery Sortable从数据库中获取数据并将数据发回

我正在尝试创建一个菜单，允许用户将列表项重新排序为新订单。 列表数据从数据库中提取。 我为我的菜单编写了jQuery可排序function，但是，在用户重新排序列表之后，我很难将新订单中的数据保存回模型。 这是我的可排序代码，它除了包含var objmodel的行外都有效。 创建此变量时，它会设法从数据库中获取空对象，并使用新的shuffle函数值填充空对象（检查指向图像的链接）。 我需要它做的是抓取用户点击的对象然后用新订单填充该对象。 我确实在控制器中使用了我的方法的断点，我注意到它从数据库中获取数据但是将字段分配给null，这会产生NullReferenceException错误。 该方法的屏幕截图如下： 数据示例： 曲奇饼 cookies 巧克力 并在用户重新订购后： 巧克力 cookies cookies 我一直在努力解决这个问题，如果有人可以提供帮助，我会解决这个问题吗？ $(document).ready(function () { $(‘#MenuItem tbody’).sortable({ axis: ‘y’, update: function (event, ui) { alert(ui.item.context.id); var order = 1; var model = []; // var sortedIDs = $(“#MenuItem tbody”).sortable(“serialize”); //alert(sortedIDs); //alert(objModel); //$.getJSON(‘ProductsList’, { ID: objModel }, function (result) { […]

Laravel 4 – 改变物品的顺序

我在一个名为actividad_ficha的数据透视表中有两个表fichas和actividad_ficha 。 在这个数据透视表中，我创建了另一个名为orden_actividad列（用于缩短每个’ficha’中的’活动’）。 我有一个视图，我在其中显示与一个特定的’ficha’相关的所有“活动”。 我希望能够拖放我的’actividads’列表并自动保存新订单。 我在我的应用程序中使用了一些jQuery，但AJAX拒绝了我。 你知道我怎么能得到它？ 或者你知道一些教程给我一些帮助吗？

Jquery Sortable – 替换项而不是交换项

是否有任何可配置的选项来实现更换列表项而不是交换JQuery Sortable UI中的项目。 当前function类似于Item1与Item2交换，反之亦然。 我需要一个function，如果在Item1上拖放item2，则item2应该替换Item1，而Item2的位置将为空。 有帮助吗？ 谢谢。

如何在jquery中排除tr的移动？

我正在使用jQuery sortable来排序我的表。 看我的结构 Elements I am first I am second I am third 我的jquery是 jQuery(‘#sortable tbody’).sortable({ update: function (event, ui) { }, cancel: ‘.not’, }); 我可以在这里移动 I am first I am second I am third 之前的行 Elements 我怎么能阻止这种运动？

Jquery UI中的连接嵌套列表可排序

Ey老兄，请看看这个小提琴： http ： //jsfiddle.net/HG8k6/ 。 $(document).ready(function () { $(“ul.containers”).sortable({ axis: ‘y’, placeholder: “ui-state-highlight”, forcePlaceholderSize: true }); $(“ul.containers”).disableSelection(); $(“ul.rows”).sortable({ axis: ‘y’, placeholder: “ui-state-highlight”, forcePlaceholderSize: true }); $(“ul.rows”).disableSelection(); }); 它在某种程度上工作正常，我有容器和行，我可以完美地移动它们，但我真正想要实现的是在容器之间移动行，例如将Row5从Container2移动到Container1。 在此先感谢南美哥伦比亚的问候！

在iframe中使用jQuery可排序

我正在尝试在iframe中加载一些html并使该html页面中的某些元素可排序： 的jsfiddle JS： var _iframe = $(‘iframe’); var containment = _iframe.contents().find( “modules” ); if(containment.data(‘sortable’)) containment.sortable(‘destroy’); containment.sortable({ stop: function (event, ui) { console.log(‘STOP: I am never called’); }, start: function (event, ui) { console.log(‘START: I am called with a delay!’); }, containment: containment, placeholder: “sortable-placeholder”, items: “> module”, delay: 10, forcePlaceholderSize: true, helper: ‘clone’, zIndex: 10000 […]