Tag: jquery ui sortable

jQuery可以使用动画进行排序: 我正在使用jQuery和Sortable来安排我的项目列表（以及这个http://dragsort.codeplex.com ）。一切都很完美。我正在使用dragEnd上的函数按dragEnd排列列表。这是我的代码： $(“#list1, #list2”).dragsort({ dragSelector: “div”, dragBetween: true, dragEnd: saveOrder, placeHolderTemplate: “” }); function saveOrder() { var data = $(“#list1 li”).map(function() { return $(this).children().html(); }).get(); $(“input[name=list1SortOrder]”).val(data.join(“|”)); }; 我的问题：无论如何我在拖动时可以动画吗？或拖动时重新定位元素？我只需要它在Safari上工作。一个例子是：看看拖放（0:30），你会看到我在说什么。谢谢。

jQuery UI Droppable和Sortable – 放入正确的排序位置: 我正在开发一个项目，我将元素从第三方jQuery控件拖动到jQuery可排序，使用droppable和sortable的组合。这项工作完全正常，但添加的项目始终添加到可排序列表的底部，然后您必须将其作为单独的步骤移动到正确的位置。是否可以将项目添加到您将其放入列表中的位置？您可以在此处的jQuery购物卡可放置演示中看到此行为。这是一个相同代码的jsfiddle 。当您将产品中的商品添加到底部的购物车时，它总是会添加到底部，即使您将其放在顶部附近也是如此。这是jQuery代码： $(function () { $(“#catalog”).accordion(); $(“#catalog li”).draggable({ appendTo: “body”, helper: “clone” }); $(“#cart ol”).droppable({ activeClass: “ui-state-default”, hoverClass: “ui-state-hover”, accept: “:not(.ui-sortable-helper)”, drop: function (event, ui) { $(this).find(“.placeholder”).remove(); $(“”).text(ui.draggable.text()).appendTo(this); } }).sortable({ items: “li:not(.placeholder)”, sort: function () { $(this).removeClass(“ui-state-default”); } }); });

使用jQuery UI 1.8.2的可排序+嵌套列表: 这个问题已经过去了，但似乎没有人像我一样遇到同样的问题。当我做这样的事情 $(function(){ $(‘#unique-ul’).sortable({items:’li’}); }); 我希望它“只是工作”。总的来说，确实如此。我可以将任何从任何列表拖到任何其他列表，并且用它拖动的任何子列表。然而，当拖动时，似乎真的很困惑它应该放在哪里。这是一个使用1.8.0的例子; 它显示相同的行为。我发现的所有其他响应让我相信jQuery UI支持这种行为; 例如，这是一个针对嵌套draggables针对1.7注册的错误： http ： //dev.jqueryui.com/ticket/4333 我找不到其他有这个问题的人所以它暗示我做错了。有什么线索吗？

jQuery可排序获取2个被交换的元素: 我无法找到如何使用jQuery UI排序获取目标元素。 $(“#pages”).sortable({ opacity: 0.6, update: function(event, ui) { var first = ui.item; // First element to swap var second = ???? // Second element to swap swapOnServer(first, second); } }); 我尝试的所有选项都指向被拖动的元素，但不是与它交换的元素： ui.item[0] ， event.srcElement ， event.toElement 。另外， this指向LIST（OL）元素。说第二个我的意思是：原始订单是： | 0 | 1 | 2 | 3 | 我们拖动元素1并将其放在位置3。这将最终得到： | 0 | […]

处理重叠的jQuery可排序列表: 这是一个不起眼的问题，但是我正在使用jQuery Sortables并试图让两个连接列表在一个fixed位置时很好地协同工作。一切正常，直到你滚动页面，使两个列表最终位于彼此的顶部。然后列表似乎对哪一个应该接收被拖动的项目感到困惑，这意味着当每个列表中出现/消失时会发生一堆抖动。看起来问题是两个列表都处理鼠标/排序事件，因为被拖动的项目在技术上是在两个列表上，但我想要的是使覆盖列表（即position: fixed ）吞下事件，以便底层主列表不会尝试接收该项目。这是最小的代码示例： ul { list-style-type: none; padding: 0; float: left; } li { margin: 5px; padding: 5px; width: 500px; border: solid 1px #F00; background-color: #FFF; } #overlayed { position: fixed; top: 0; background-color: #000; margin: 20px; padding: 10px; } #overlayed li { width: 50px; float: left; } $(function() { […]

jQuery可排序和可丢弃: 我希望有一个可排序的列表，但我也希望该列表中的元素可以放到我定义为droppable的div中。我似乎无法找到办法。有任何想法吗？

拖动/删除元素在列表中的位置（ui.sortable）: 我有一个像这样的可排序列表： http ： //jqueryui.com/demos/sortable 是否有可能在列表移动时获取元素的开始和结束位置？我在谈论他们的位置编号，在列表中。例如，如果我将元素2移动到列表中的位置5，我想将这两个数字分配给变量。我是jQuery的新手 – 任何帮助都会非常感激。

jQuery Sortable – 拖放多个项目: 我有以下代码，允许用户从一个列表拖放到另一个列表。现在，我如何允许用户选择并拖放多个项目？像这样的东西？ http://jsfiddle.net/T68Fn/ 我试图将jsfiddle中的代码合并到一起，但无法让它真正起作用。任何帮助都非常感谢。请帮帮我。非常感谢你。 HTML Available Article #1 Article #2 Article #3 My Articles Which articles, in which order?: CSS .listBlock { float: left; } #sortable1, #sortable2 { list-style-type: none; margin: 0; padding: 0; margin-right: 100px; background: #eee; padding: 5px; width: 300px; border: 1px solid black; } #sortable1 li, #sortable2 […]