大佬教程收集整理的这篇文章主要介绍了如何在列表之间只有单个方向的Jquery可排序元素?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
$(function() { $( "#sortable1,#sortable2" ).sortable({ connectWith: ".connectedSortable" }).disableSELEction(); });
请原谅我的经验,任何信息都表示赞赏.
您提供的代码示例似乎与jQuery UI demo site的代码示例类似.如果您研究代码,您会注意到CSS类.connectedSortable在两个列表中都被声明:
<ul id="sortable1" class="connectedSortable"> <li class="ui-state-default">Item 1</li> ... </ul> <ul id="sortable2" class="connectedSortable"> <li class="ui-state-highlight">Item 1</li> ... </ul>
您提供的代码将使此可排序列表成双向.要使其成为单向,您可以指定另一个选择器:
$(function() { $( "#sortable1,#sortable2" ).sortable({ connectWith: "#sortable2" // changed this to reflect the ID of the second list }).disableSELEction(); });
例如,见jsFiddle
以上是大佬教程为你收集整理的如何在列表之间只有单个方向的Jquery可排序元素?全部内容,希望文章能够帮你解决如何在列表之间只有单个方向的Jquery可排序元素?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。