Tag: jquery ui sortable

切换（隐藏/显示）可放置面板时jquery奇怪的行为: 根据此处发布的代码，我有几个可拖动/可隐藏的盒子： http ：//webdeveloperplus.com/jquery/saving-state-for-collapsible-drag-drop-panels/ 我还有一个区域列表，我可以拖动到这些框中的任何一个，然后对它们进行排序。这很好用。只有当我开始切换这些盒子或移动他们的位置时，事情才开始变得奇怪。例1 假设我有3个垂直堆叠的盒子： BOX1 BOX2 BOX3 块可以拖入（并排序）好。如果我然后将Box2移到Box1上方，那么订单现在是： BOX2 BOX1 BOX3 我无法将任何东西拖入Box2。我在Firebug中没有任何错误。什么都没发生。例2 如果我上面的盒子顺序相同（Box1，Box2，Box3）并且我“隐藏”了Box2的内容，我就无法将任何内容拖入Box3。如果我再次“显示”Box2，我可以拖入Box3而不是Box2 …… 如果我设置了以下框并隐藏Box3，我无法将任何内容拖入Box4和Box5。如果我然后显示Box3，我唯一无法拖入的框是Box3： BOX1 BOX2 BOX3 Box4 了Box5 你头脑中的任何想法？我正在使用通常的可拖动和可排序的函数（由于某种原因使用droppable和sortable可以放弃两次可抛出的事件 – 这个论坛上另一个用户注意到的一种奇怪现象）。我必须指出，当您启动此代码时，只加载了一个框，并单击按钮以创建新框。这是一个构建新框的function，并将其设置为可拖动/可排序区域。干杯:) –update ————————- 我创建了一个简化的视图，使用了大多数’webdeveloperplus’代码（本章的巨大荣誉）。它可以在这里找到：jsfiddle.net/gD94w/4（顺便说一下，我喜欢这个jsfiddle网站！）。您应该能够复制我的问题（将“项目”拖动到蓝色区域）。我想知道的任何想法！谢谢。

jquery sortable取消删除基于确认: 我正在尝试取消对删除function的可排序，如果对确认框的响应是否定的。这是我可排序的无序列表。 $(“#items”).sortable({ remove: function(event, ui) { var id = ui.item.attr(“id”); var loadUrl = “LoadItem.action”; var removeUrl = “RemoveItem.action”; $.getJSON(loadUrl, {“id”:id}, function(data){ if (data.passed !== undefined){ var answer = confirm(“A status exists on this item. Remove anyways?”); if (!answer){ $(this).sortable(‘cancel’); //<– This is where I need help return false; } $.post(removeUrl, {"id":id}, function(){ //alert('removed'); }); […]

KnockoutJS可排序组observableArray by field和conditionally sort: 我最近使用了RP Niemeyer， KnockoutJS ObservableArray数据分组的一个很好的堆栈溢出答案，允许我通过字段将数据分组到observableArray中。这工作非常出色。问题是它与Knockout Sortable的搭配并不好。检索sourceParent存在问题。请参阅以下小提琴： http ： //jsfiddle.net/mrfunnel/g6rbc 基本上我有一个嵌套列表，其中任务被分组为路由（未预定）和另一个仅任务列表（预定）。我希望能够将路线和任务拖到预定的位置。如果拖入路线，则需要将其拆分为任务。任何帮助将不胜感激。

为什么sort是jQuery UI .sortable（）触发的唯一事件？: 我有一个简单的代码示例@ http://jsbin.com/ukiwo3/edit 它有2个连接列表和一组绑定事件。我希望我错过了一些基于http://jqueryui.com/demos/sortable/的简单事件我认为当我拖动并重新排序问题时，我应该看到所有这些事件被触发。目前只将日志排序到控制台。任何人都可以告诉我什么是错的，以及如何让其他人解雇？谢谢，丹尼斯

jQuery-ui可以在iframe中进行排序: 我在主框架中有droppable放置的元素，并且sortable在iframe app中进行sortable 。我需要的是连接它们 – 能够将项目拖动到iframe的sortable 有我做过的： http ： //jsfiddle.net/w9L3eorx/1/ 我有iframe里面 Foo Bar $(‘.content’).sortable({ iframeFix: true, placeholder: ‘block-placeholder’, update: function (event, ui) { // turn the dragged item into a “block” ui.item.addClass(‘block’); } }); 主框架 One Two $(‘.items div’).draggable({ helper: function(e) { return $(”).addClass(‘block’).text( $(e.target).text() ); }, iframeFix: true, connectToSortable: $(‘.content’, $(“#frame”)[0].contentDocument) }); 我看到了工作示例http://ma.rkusa.st/zepto-dnd/example.html 。 […]

jQuery draggable sortable，在删除元素上更改html: 我正在设计一个表单构建界面。所有可用字段都位于界面左侧的无序列表中，右侧有一个大的空无序列表，它将成为我的webform。使这个界面工作的“技巧”是将左侧的列表项转换为有效的html元素，方法是在将它们附加到右侧的可排序列表之前将html附加到droppable ui元素中。我有它…大多数…使用draggable（）和sortable（）。目前，我使用sortable的receive事件从draggable元素中获取id，我将其置于data（）块中以传递给update事件。从那里，我使用id元素进行ajax调用，确定它是什么类型的字段以及应该从后端添加哪些选项，构建元素，然后使用ui.item.html将其放入界面中，这是更新函数传递的元素。我的方法的问题是它在拖动元素时也会触发，这会导致选择元素在无意中附加到可排序列表时乱丢屏幕。显然，receive事件是仅在sort从连接列表中获取项目时触发的事件。但是，如果我尝试内部html ui.item元素，它会更改源列表，而不是所需的目标。当项目已经在右侧的网络表单列表中时，如果它们只是被排序，我绝对不想修改它们。有没有办法在连接的sortable()列表接收事件中访问和更改目标html？还有其他策略可以解决我的挑战吗？代码： Available Fields First Name Last Name Company Webform <input type="hidden" name="webform_id" id="webform_id" value="”> 和jQuery /***** Make webform fields draggable *****/ $( “.master_list li” ).draggable({ connectToSortable: “#webform_list”, helper: “clone”, revert: “invalid” }); /***** Make form elements sortable *****/ $( “#webform_list” ).sortable({ […]

JQuery Draggable + Droppable + Sortable: 我确信这已经得到了回答，但我找不到符合我情况的例子。我有一张可拖动的图像列表。我还有一个div（id =“dropZone”）设置为droppable和sortable。我想在图像被拖放到div上时触发一个函数，但是当div上的内容被排除时，我不想触发它。这是我尝试过的： stop: function() { $(‘#dropZone’).prepend(”); } 我添加到droppable图像，但是即使它们被丢弃在droppable外面也会触发。 drop: function() { $(‘#dropZone’).prepend(”); } 然后我尝试将其添加到我的droppable中，但是这会在拖动和排序时添加图像。有人知道我需要做什么吗？

改变开关位置行为: 如何在可排序中更改开关行为？我的意思是默认情况下1 – 2 – 3 – 4 http://jsfiddle.net/keGuN/当我切换4和1位置时 – 它们变换为4 – 1 – 2 – 3 。我只想要4和1 （ 4 – 2 – 3 – 1 ）的开关位置。怎么做？

Jquery UI可排序多个项目几乎可以工作，但剩下的一个问题: 我有两个连接的可排序，拖动这些工作正常。我需要一次拖动多个，所以我使用以下方法工作，将所选项目附加到event.item。 $(this).sortable({ connectWith: “.stage-content”, placeholder: ‘placeholder’, start: function(ui, e) { e.item.siblings(“.selected”).appendTo(e.item); …. 我无法弄清楚的问题，当没有hover在两个放置区域中的一个上时，占位符最终会在我拖动的元素内。如果你现在放手，它们会消失。 HierarchyRequestError：无法在层次结构中的指定点插入节点这是完全合理的，但我不知道解决方案是什么，任何帮助表示赞赏！ http://jsfiddle.net/mstefanko/kxBUG/

Jquery UI可排序，滚动（jsFiddle示例）: 我想弄清楚当我拖动列表元素时如何让我的’可排序列表’滚动。滚动在我拖动的列表中工作正常但不在我拖动的列表中。 http://jsfiddle.net/jordanbaucke/pacbC/1/ 提出类似问题的另一个问题： jQuery可排序容器滚动div与溢出auto PS。 Pivotaltracker， www.pivotaltracker.com做得很好。