Tag: jquery ui sortable

使用jQuery编程移动项目，同时仍然触发事件: 我正在使用jQuery Sortable。我有这样的HTML设置： <ul id='plan'> <li class='item'>1</li> <li class='item'>2</li> <li class='item'>3</li> <li class='item'>4</li> </ul> 我想以编程方式将<li>移动到不同的位置。我可以用下面的JS来实现这个： $("#plan li:eq(1)").insertAfter($("#plan li:eq(2)")); 这工作正常，除非它不触发像更改或更新的可sorting事件。我有一个在sorting的更新事件上运行的函数，但是用JS移动li不会触发这个。有谁知道如何触发sorting更新事件？

jquery可sorting列表不会序列化，为什么？: 我在Zend Framework应用程序中使用jQuery实现了一个可sorting的图像列表。我只是不能得到.sortable（'serialize'）方法返回多个空string。当我尝试用我的应用程序之外的几个简单的例子，它的作品。下面的代码片段是否包裹在其他各种标签中是否重要？我认为这不应该。无序列表应该只是由idfind的，对吗？ HTML： <ul id="mylist"> <li id="1"> <div> <img src="image_1.jpg" /> <p class="value_item">some text</p> </div> </li> <li id="2"> <div> <img src="image_2.jpg" /> <p class="value_item">some text</p> </div> </li> </ul> JavaScript的： $(document).ready(function() { $('#mylist').sortable({ update: function() { var order = $('#mylist').sortable('serialize'); alert(order); } }); });

jQuery UI可sorting，如何确定更新事件中的当前位置和新位置？: 我有： <ul id="sortableList"> <li>item 1</li> <li>item 2</li> <li>item 3</li> </ul> 我已经连线到update: function(event, ui) { }但不知道如何获取元素的原始位置和新位置。如果我将项目3移动到项目1上方，我想将原始位置设置为2 （基于0的索引），并将项目3的新位置设置为0 。

jquerysorting“改变”事件元素的位置: 有没有办法让助手被拖到新的位置？ $("#sortable").sortable({ start: function (event, ui) { var currPos1 = ui.item.index(); }, change: function (event, ui) { var currPos2 = ui.item.index(); } }); 看来currPos1和currPos2在发生实际变化时具有相同的值！我需要实现的是向用户强调'开始拖动元素'到'当前replace元素'之间的所有位置。一旦用户释放鼠标button更新发生，然后我得到新的位置，但我需要它在鼠标释放之前。

使用jQuery UIsorting与HTML表格: 我想在HTML表格中输出数据库中的一些数据，我希望用户能够对表格行重新sorting。为了达到这个目的，我使用jQuery UIsorting，因此： <script> $(function() { $( "#sortable" ).sortable(); $( "#sortable" ).disableSelection(); }); </script> <?php while($row = mysql_fetch_assoc($co_authors)) { echo "<tr id='sortable'><td>{$row['author_email']}</td> <td>{$row['coauthor_level']}</td>"; <td><button class='remove' id='remove' name='remove' email="<?php echo $row['author_email'] ?>" paper="<?php echo $row['paper_id'] ?>">Remove</button></td> </tr>"; } ?> 问题是，当我拖动一个表tr ，只有td被拖动。另外，最重要的是，只有第一行是可拖动的：效果不适用于其他行。我该如何解决这个问题？

jQuery UI可sorting：如何更改“占位符”对象的外观？: 在http://jqueryui.com/demos/sortable/#placeholder给出的示例中，占位符是拖动任何项目时出现的橙色框。这个元素可以使用placeholder选项进行调整 – 但它只能让你修改这里描述的元素的类： http : //jqueryui.com/demos/sortable/#options 我想自定义这个元素更多，例如通过提供一个函数的placeholder选项，可以提供一个函数的helper选项相同的方式。我需要改变什么（例如在sortable.js中）来做到这一点？

根据属性“数据sorting”在JQuery中sortingDiv？: 如果我有几个div： <div data-sort='1'>div1</div> <div data-sort='4'>div4</div> <div data-sort='8'>div8</div> <div data-sort='12'>div12</div> <div data-sort='19'>div19</div> 而我dynamic创builddivs： <div data-sort='14'>div1</div> <div data-sort='6'>div1</div> <div data-sort='9'>div1</div> 我怎么才能让他们只是sorting到已经加载的div，而不必重新加载所有的div？我认为我需要在屏幕上构build所有div的数据sorting值的数组，然后看看新的div适合在哪里，但我不确定这是否是最好的方法。任何帮助表示赞赏

我如何实现一个触摸敏感，响应，可sorting的列表支持拖放Bootstrap？: 我有一个<ul>列表，我想进行sorting（拖放）。如何在现代浏览器和触摸设备上使用Bootstrap 3？我试图使用jqueryuisorting与http://touchpunch.furf.com/ ; 它似乎工作，但它是hacky和jQueryUI不能很好地与Bootstrap。如何在添加触摸屏支持时避免Bootstrap / jQueryUI冲突？

如何使用jQuerysorting时复制项目？: 我使用这个方法http://jqueryui.com/demos/sortable/#connect-lists来连接两个我有。我想能够从列表A拖到列表B，但是当项目被删除，我需要保持原来的一个仍然在列表A中。我检查了选项和事件，但我相信没有这样的事情。任何方法？

JQuery UI – 可sorting：通过可sorting元素中的图标“句柄”拖动: 我有jquery ui sortables工作正常，但我的sorting元素有其他互动元素内。为了防止在与可sorting的div中的元素进行交互时发生意外sorting，我想以某种方式使得可sorting的拖动仅在拖动sorting内的某个元素时发生，例如可能存在的“move”图标在每个可sorting的左上angular。这是可能的通用jqui，或者我需要写我自己的钩子？