Tag: jquery ui sortable

按字母顺序对可排序列表中的元素进行排序，超过13项: 我正在使用jQuery UI创建多个互连的可排序列表 html： Unassigned Frank Smith 等等……几个相同的 jQuery： // create the sortable ui $(“.connectedSortableUl”).sortable({ connectWith: “.connectedSortableUl”, placeholder: “ui-state-highlight”, create: function(event, ui) { sort(); } }); // custom sort function to sort our sortable lists function sort() { var sortableLists = $(‘.connectedSortableUl’); $(sortableLists).each(function(index, element) { var listitems = $(‘li’, element); listitems.sort(function(a, b) { var seeA = […]

jQuery sortable – 在2个连接列表之间移动项目保持计数: 我有两个列表，包含6个项目，connectedwith一个类.connectedSortable当我在两个列表之间移动一个项目时，它会被附加到目标列表，并从源列表中删除。所以现在我们有一个包含5个项目的列表，以及一个包含7个项目的列表。每个列表中的项目如何保留6个项目，我们只是将目标列表中最顶层的项目移动到第一个列表（自动按照与列表相同的顺序重新排列）？ Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 $( “.connectedSortable” ).sortable({ connectWith: “.connectedSortable” }).disableSelection(); 澄清：列表的数量可以是2或更多。但我所追求的是每个列表固定数量为6个项目，如果它是单个列表，则可以自动重新排序。例如，如果在项目4之后将项目3从list1移动到list2，那么结果应为： Item 1 Item 2 Item 4 Item 5 Item 6 Item 1 Item 2 Item 3 Item 4 Item […]

UI的可排序列表的动画过渡: 我正在使用jQueryUI可排序列表，并希望在向上或向下拖动元素时移动li时动画转换。正如苹果公司在重新安排播放列表歌曲时在iPod应用程序中所做的那样。这可能吗？我搜索了几个小时，但找不到任何有用的东西。

使用向上/向下按钮可以对Jquery进行排序: 当用户点击向上/向下按钮时，我试图获得排序顺序列表。这是我的演示链接我锻炼http://jsfiddle.net/prabud/qy89psbr/ function sendOrderToServer() { var items = $(“.collection”).sortable(‘toArray’); var itemList = jQuery.grep(items, function(n, i){ return (n !== “” && n != null); }); } $(“.collection”).sortable({ items: “.item” }); $(‘button’).click(function() { var btn = $(this); var val = btn.val(); if (val == ‘up’) moveUp(btn.parents(‘.item’)); else moveDown(btn.parents(‘.item’)); sendOrderToServer(); }); 最后我错了，它不在用户选择的顺序中。请建议我获得排序顺序列表的正确方法。

用jQuery Sortable（）选择多个项目？: 我需要在jquery可排序容器中同时拖动多个项目。在这种情况下，它是父div中的一系列嵌套div，它们应用了sortable（）行为。有什么建议？

AngularJS – 可拖动和多个连接的可排序（jQuery UI + angular-common）: 我正在尝试扩展angular-common的优秀dragdrop模块，它可以处理连接到单个可排序的可拖动模块。（angular-common的dragdrop模块后面的原始SO线程就在这里。）我设法连接两个sortables，并为每个sortables删除一个draggable，并在sortables中重新排列工作正常（范围项数组按预期更新）。实际上UI部分工作正常，但是当我将列表项从一个可排序项拖到另一个时，我似乎无法弄清楚如何更新Angular范围中的项数组。厂： .factory(‘DragDropHandler’, [function() { return { dragObject: undefined, addObject: function(object, objects, to) { objects.splice(to, 0, object); }, moveObject: function(objects, from, to) { objects.splice(to, 0, objects.splice(from, 1)[0]); } }; }]) Droppable（可排序）指令： .directive(‘droppable’, [‘DragDropHandler’, function(DragDropHandler) { return { scope: { droppable: ‘=’, ngUpdate: ‘&’, ngCreate: ‘&’ }, link: function(scope, element, […]

Jquery Sortable – 排序时禁用onclick =“”: 是否可以在排序时禁用onclick =“”？我在这里有一个工作的例子http://www.jsfiddle.net/V9Euk/59/ 彼得

具有数组值的jquery排序元素: 我需要根据它的属性排序一些元素。举个例子：和array_num {3, 2, 1, 4} 伪代码： $(‘#sort’).sort(array_num, ‘n’); 结果将是：

jQuery可以使用多个tbody进行排序: 我有一个有多个tbody的桌子。如何为每个人制作标题？这是怎么做的？我使用jquery ui sortable。我怎么能确定每个tbody的标题是不可排序的？现在我用$(“#sortable > tbody”).sortable({});触发可$(“#sortable > tbody”).sortable({}); 。 Col1 Quantity Col1 100 Col1 20 Col1 30 Col1 50 Col1 100 Col1 20 Col1 30 Col1 50

jQuery sortable connectWith多个列表: 我有两个列表，每个列表中有8个列表元素。我想将任一元素拖到任一列表中，并将两个列表的总顺序放在一起。目前，订单被归类为两个单独的可排序列表： [0, 1, 2, 3, 4, 5, 6, 7, 0, 1, 2, 3, 4, 5, 6, 7] 但是我希望它（显然是元素的顺序）： [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15] 参数connectWith似乎connectWith不起作用，我无法将元素拖到其他列表中。 $(document).ready(function() { $(‘#list-1, #list-2’).sortable({ connectWith: ‘.group’, update: function(event, ui) { var orders = new Array(); $(‘#console’).html(‘posts[id] = pos:’); […]