Question

我有两个div，一个名为menu，另一个名为dropbox。我可以在两个div之间拖动图像。这是直到我在dropbox div上引入sortable。这允许在div中重新组织dropbox div中的图像。当鼠标在某个div内时，有没有办法使用sortabe？

我有两个div：

<div id="menu" class="section"  ondragover="return false">
        <img class="images" ng-repeat="img in HTML" ng-src="{{img}}"/>
    </div>
<div id="dropbox" class="section"  ondragover="return false">
    </div>

我现在试图使用的jquery：

$(function() 
          {
            $('#dropbox').mouseover(function (){
                $( "#dropbox" ).sortable();
                $( "#dropbox" ).disableSelection();
            });
            $('#menu').mouseover(function (){
                $( "#dropbox" ).sortable('disable');
                $( "#dropbox" ).disableSelection('disable');
            });

          });

我的逻辑是，当鼠标悬停在dropbox div上时，启用可排序，当鼠标悬停在菜单div上时，禁用排序以允许拖入图像。我只是想知道这是否可能，因为我不确定

Answer 1

您无需禁用sortable即可将元素放在其他位置。

只需添加connectWith选项，如jQuery UI文档中的connected lists demo所示

＆＃39;动态＆＃39;启用和禁用jquery排序

1 个答案: