javascript - “动态”启用和禁用 jquery 排序

Question

我有两个 div，一个称为菜单，一个称为 dropbox。我可以在两个 div 之间拖动图像。直到我在 dropbox div 上引入 sortable 为止。这允许 dropbox div 中的图像在 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 选项，如 connected lists demo 中所示。在 jQuery UI 文档中