Tag: jquery ui sortable

为什么jquery sortable中的update事件在测试ui.sender时似乎运行了两次

我正在使用jQuery UI对可连接列表进行排序。 更新事件似乎正在运行两次。 这是完整的可排序电话： $(“.pageContent”).sortable({ handle: “.quesText”, connectWith: “.pageContent”, containment: “section”, start: function(e, ui){ ui.placeholder.height(ui.item.height()); }, placeholder: “sortable-placeholder”, opacity: 0.5, cursor: “move”, cancel: “input, select, button, a, .openClose”, update: function(e, ui){ var thisItem = ui.item; var next = ui.item.next(); var prev = ui.item.prev(); var thisNumber = thisItem.find(“.quesNumb”); var nextNumber = next.find(“.quesNumb”); var prevNumber = prev.find(“.quesNumb”); […]

将对象拖到可排序列表中 – AngularJS

问题： 我正在尝试从jQuery重新创建Draggable + Sortablefunction，并且无法将被删除的元素放入我的对象数组中。 我想将$ .draggable（）按钮拖到$ .sortable（）列表中。我希望按钮代表具有属性的对象（可以是关联数组，或对象本身），当我将其放入列表中时我希望它将自己放入数组中的位置。 需要明确的是：我在左侧的菜单中有一系列潜在的对象。 在右边，我使用$ http来调用我的API来检索一个包含所有字段都在$ scope中的表单。 我希望将该潜在对象（如textarea）放入该表单的删除位置的字段中。 jquery位很简单，但是$ scope数组中不存在的对象是问题所在。 我尝试过的： 我很接近混合使用ui-sortable和$ .draggable指令包装器，但是我的代码运行得不好。 例子： KnockoutJS示例： http ： //bit.ly/15yrf8X jQuery演示： http ： //jqueryui.com/draggable/#sortable 更新1： 我已经取得了进展，使用ui-sortable like指令结合包装$ .draggable（）的指令，有点难看但有效。 更新2： 我现在有它工作，但我从jquery获取索引并使用php将其切片到该位置，然后重新加载整个列表。 谈论跛脚必须有更好的方法。 更新3： 这是一个模块化的工作示例，适用于任何人的应用程序。 http://clouddueling.github.io/angular-common

将JQuery Sortable（新订单）保存到ASP.Net MVC控制器？

我已经实现了JQuery可排序，它工作正常。 问题是我无法将新订单中的列表传递给控制器​​，因此我可以保存它。 $(document).ready(function() { $(“#sortable”).sortable({ axis: “y” }); }); $(function() { $(“#submit-list”).button(); $(“#submit-list”).click(function() { debugger; $.ajax({ url: ‘/Admin/SortedLists/’, data: { items: $(“#sortable”).sortable(‘toArray’) }, type: ‘post’, traditional: true }); }); }); Edit Roles 和我的控制器： [HttpPost] public EmptyResult SortedLists(List items) { return new EmptyResult(); } 列表项目返回时有相应数量的元素 – 除了每个项目都是空字符串。 如果原始列表看起来像这样 1 – 车 2 – 船 3 – […]

一种不同类型的jquery可排序

我有不同大小的元素，根据网格排列（如下图所示），我想正确地拖放这些元素。 是否有插件可以做到这一点？ 可排序不能正常… 编辑：通过“正确”我的意思是它应该正常（意味着如果我拖放右边的大的它应该重新安排）。 也许我只需要看到一个能满足我想要的东西，我会让它“做得恰到好处” 编辑：如果你移动右边的大块（它应该是什么样子）。 编辑：我只想要一种方法来重新排列像这样的网格状布局。 我可以接受其他想法..

Jquery可排序（’序列化’）

是否可以通过直接调用serialize方法而不是使用回调来从jquery中的UL获取序列化的项目列表？ 代码段： var sortableLinks = $(“#category_links_list_3”); var linkOrderData = $(sortableLinks).sortable(‘serialize’); category_links_list_3是UL的id DOM结构是： Coconut Oil Hempseed 谢谢…

在一些tr之后用jquery对表进行排序

我有这样的html表结构： …etc standart stuff… then i have Analogs … 我试过这样的剧本： jQuery(function($) { var table = $(‘table’); $(document).ready(function () { $(‘#prcol’) .each(function(){ var th = $(this), thIndex = th.index(), inverse = false; th.click(function(){ table.find(‘td’).filter(function(){ return $(this).index() === thIndex; }).sortElements(function(a, b){ return $.text([a]) > $.text([b]) ? inverse ? -1 : 1 : inverse ? 1 : -1; […]

JQuery Draggable + Sortable：如何判断项目是否实际添加到我的可排序列表中？

好吧，我可能在这里遗漏了一些明显的东西，但是我的搜索结果没有任何帮助。 我已经设置了一个可排序的列表并连接了一个可拖动的“调色板列表”，如下所述： http ： //jqueryui.com/demos/draggable/#sortable 我可以从我的可拖动列表中拖动项目并将其放在我的可排序列表中。 这很好。 我需要在其中一个项目被放到可排序的时候触发一个函数。 我已经尝试了可拖动项目上的“停止”挂钩，但无论项目被丢弃在哪里都会触发（例如，如果还原则会触发：触发“无效”）。 我无法在任何地方找到任何属性来告诉我拖动是否成功。 我已经尝试将sortable视为“droppable”并绑定到“drop”，但这甚至都没有被调用。 谢谢您的帮助！

在django模板中使用jQuery可对隐藏表行进行排序

我有一个todo列表，我在一个表元素中显示： Task Name {% for action in actions %} {{ action }} {{ action.notes }} {% endfor %} 我在表格的每一行上的动作名称和动作注释之间交替。 当页面加载时，我隐藏了所有详细信息，以便用户只能看到操作名称。 如果用户点击名称行，我会显示该操作的注释行（使用切换）。 $(document).ready(function() { $(“.detailed_row”).hide(); }); $(function($) { $(“.item_row”).click(function() { if( $(this).next().is(‘:hidden’) ) { $(“.detailed_row”).hide(); $(this).next().toggle(‘fast’); } else { $(“.detailed_row”).hide(); } }); }); 我希望用户能够通过拖动操作名称行来排序待办事项列表。 我正在使用jQuery的Sortable： $(“.sortable”).sortable().disableSelection(); 让我们暂时忽略动作音符行的移动。 如果用户拖动一个音符行，或者在另一个名称和一个音符行之间放置一个名称行，则会使切换逻辑陷入混乱。 我已经通过在移动音符行时移动名称行来解释这一点，反之亦然，因此对总是按正确的顺序排列。 我遇到的问题是注释行中的注释大小。 如果音符只有几行，则排序行为表现得很好。 但是如果音符足够长，即使音符被折叠，分类似乎也不能很好地工作。 例如，如果我用实际文本替换{{action.notes}}，这可以正常工作： Task Name {% […]

jQuery Sortable – 事件被调用太多次了

我有一个带有类x的列表，在该列表中有许多带有类y的列表。 可以将项目从任何子列表拖动到任何其他子列表 也可以安排子列表本身的顺序。 我正在努力解决通过可排序的事件 接收 – 仅在将某些内容从其他位置放入列表时触发（因此无法在子列表中排列项目或排列子列表本身） 更新 – 当我将项目从子列表A拖到子列表B时，似乎会多次触发（我假设子列表A正在更新，子列表B正在更新）。 我在我的JS中有一个函数，它将列表和子列表中的当前布局同步到数据库，并且不希望一次多次执行此操作。 没有这些事件的组合似乎给了我理想的行为。 这是正确的路线吗？ 或者有一些我可以对Sync方法进行预定调用，该方法每5秒运行一次以保存更改并忽略实际事件本身？

如何使用jQuery从CSV列表中根据id对div元素进行排序？

我在变量中有这个信息 “sortorder”: “obj,exp,qual,edu,int,ref,img 我也有相应的div id但是在洗牌顺序。 info info info info info info info 现在我必须根据sortorder对div进行排序。 第一个应该是obj，第二个应该是这样的exp info info info info info info info 如何使用jquery做到这一点？