2013-10-23 59 views
1

我正在使用一個可排序的圖像div,但是我無法刪除該項目被拖出div的項目。JQuery UI 1.10.3排序不會刪除項目

var sortableIn = false; 
    $("#divId").sortable({ 
     over: function() { 
      sortableIn = false; 
     }, 
     out: function() { 
      sortableIn = true; 
     }, 
     beforeStop: function() { 
      if (sortableIn == true) { 
       ui.item.remove(); 
      } 
     }, 
    }).disableSelection(); 

我也跟在beforeStop功能remove方法嘗試$(div.img)我知道$(div.img)是不正確的,但它確實刪除被彈出煩人的佔位符。 var newItem = ui.item;也沒有做到這一點。

enter image description here

這裏是煩人PLACEHOLD enter image description here

+0

可能的錯誤使用jQuery UI 1.10.3? –

回答

1

這似乎是工作。 http://jsfiddle.net/hdmZY/

我用

var sortableIn = false; 
$('#divId').sortable({ 
    over: function() { 
      sortableIn = false; 
     }, 
    out: function (event, ui) { 
      sortableIn = true; 
     }, 
    beforeStop: function(event, ui) { 
     if (sortableIn == true) { 
      ui.item.remove(); 
      } 
    } 
}).disableSelection(); 
+0

是的,我已經試過了,根據我發現的許多例子。 –

+1

只是注意到你的例子是使用jQuery 1.8.3,它似乎在jQuery 1.9.1和UI 1.9.2上至少可以工作在JSFiddle上。 –

+0

不,你是正確的,我即將失明..在我的職能中缺少事件和UI參數 –

相關問題