'dynamic'啓用和禁用jquery排序

我有兩個div，一個叫做菜單，一個叫dropbox。我可以在兩個div之間拖動圖像。這是直到我介紹可以排序的Dropbox的div。這允許Dropbox div中的圖像在div內重新組織。有沒有辦法使用sortabe當鼠標在某個div內？'dynamic'啓用和禁用jquery排序

的兩個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上時，禁用排序以允許圖像被拖入。我只想知道這是否可能，因爲我不確定

來源

2015-08-15 Dennington-bear

沒有道理給我的connected lists demo看到只需添加connectWith選項。這個試圖解決什麼問題？ – charlietfl

@charlietfl我將圖像注入Dropbox div。我有他們，這樣他們可以在Dropbox div內進行排序。我希望能夠將它們拖回到保管箱div中，但是我不能這樣做，因爲可排序處於活動狀態，並且阻止我將它們拖回到外面。 –

Sortable也可以在其他位置丟棄請參閱：https：//jqueryui.com/sortable/#connect - 列表 – charlietfl

你確實無需禁用sortable即可使元素在其他位置放置。

在jQuery UI的文檔

來源

2015-08-15 12:45:14 charlietfl

'dynamic'啓用和禁用jquery排序

回答

相關問題