jQuery可排序连接列表 - 第一次拖动

我的排序列表存在问题。我在ASP.NET和jQuery中设计了一个门户框架，我使用可排序列表将小工具从一个移动到另一个占位符（列表）。这两个表连接在一起：jQuery可排序连接列表 - 第一次拖动

$(this.PlaceHolderClass).sortable({ 
    cursor: 'move', 
    connectWith: this.PlaceHolderClass, 
    handle: '.ControlToolbar', 
    revert: true, 
    placeholder: 'SortPlaceHolder', 
    dropOnEmpty: true 
}).disableSelection();

this.PlaceHolderClass的值为“ControlPlaceHolder”，这是占位容器（DIV）持有我的小部件/控件（参见HTML波纹管）。

我遇到的问题是，当我开始将一个元素从list1拖动到list2时，我无法在第一次将它拖放到list2中。当我释放鼠标按钮时，拖动的项目将返回到list1中。当我开始再次拖动相同的项目到列表2，然后一切工作正常。我不知道为什么会发生这种情况，为什么我不能在第一时间拖动这些物品。

的HTML代码，我用的是这样的：

<table> 
    <tr> 
     <td style="width:50%;"> 
      <div id="ControlPlaceHolder$test" class="ControlPlaceHolder"> 
        <div id="container$38$control" class="Control"> 
         <div id="control$38$external"> 
          My content here... 
         </div> 
        </div> 
       </div> 
      </div> 
     </td> 
     <td> 
      <div id="ControlPlaceHolder$test2" class="ControlPlaceHolder"></div> 
     </td> 
    </tr> 
</table>

建议都非常欢迎。

感谢，塞亚德

来源

2011-05-06 Sead

你有没有找到这个解决方案？我有同样的问题 – Avinash 2014-07-31 14:36:45

我得到了同样的问题。它解决了吗？ – zogby 2014-11-11 15:42:45

如果列表2是空的，你拖到它之前，你可能需要设置<ul>的min-height。

我最初有这个问题，这是因为一个空的ul根本没有高度，因此无法接收一个项目。

如果情况并非如此，控制台上第一次失败的drop会出现什么错误？

来源

2016-04-29 12:15:17

jQuery可排序连接列表 - 第一次拖动

回答

相关问题