2013-03-05 24 views
0

所有,我知道我們可以實現一個可拖動元素只是簡單地調用jQuery UI中的.draggable方法。 這裏是一個包括連接到可排序的例子。我怎麼能知道可拖動的項目真的被放在指定的可排序容器在jquery UI

$(".draggable").draggable({ 
      helper : function(){ 
        //return something dom.}, 
      cursor : 'move', 
      connectToSortable : '.sortableLayoutSection'}); 

$(".sortableLayoutSection").sortable({ 
      appendTo : parent, 
      containment : "parent", 
      cursor : "pointer", 
      placeholder : 'li-placeholder', 
      forcePlaceholderSize : false 
     }); 

但我的問題是,我怎麼能知道的可拖動項目真正放到指定的容器(在本例中與類元素命名爲.sortableLayoutSection)?謝謝。

更新

$(".sortableLayoutSection").sortable({ 
       appendTo : parent, 
       containment : "parent", 
       cursor : "pointer", 
       placeholder : 'li-placeholder', 
       forcePlaceholderSize : false, 
       receive: function(event, ui) {alert('ok.got something.')} 
      }); 

回答

1

首先你應該初始化您的排序元素作爲投擲的元素太多,同時請參閱本:http://api.jqueryui.com/droppable/#event-drop。它有下降事件,這意味着有一個拖動元素已被拖入可拖動狀態。所以你可以編寫函數來確定你想要做什麼。

+0

嗨,OQJF,你的回答很好,我贊成它,但它不夠簡單,請查看我的答案。謝謝。 – 2013-03-05 06:35:07

+0

我注意到你回答,雖然沒有測試,但我認爲它可以很好地工作。謝謝喬,好人,不經意間,它會幫助很多人。 – OQJF 2013-03-05 06:37:49

+0

原來你也在中國啊,呵,歡迎啊 – 2013-03-05 06:46:45

0

答案是here,經過我的測試,它解決了我的問題,只有在指定的容器中放下會觸發一個名爲receive的事件,請查看我更新的內容.thanks。

相關問題