jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何在列表之间只有单个方向的Jquery可排序元素?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
它们是一种启用单一数据方向的方法,其中一个table1只能提供元素而table2只能接收元素?

$(function() {
  $( "#sortable1,#sortable2" ).sortable({
       connectWith: ".connectedSortable"
   }).disableSELEction();
});

请原谅我的经验,任何信息都表示赞赏.

解决方法

API Docs

您提供的代码示例似乎与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,请注明来意。