jQuery UI的「水滴」有衝突「排序」

我的HTML是：jQuery UI的「水滴」有衝突「排序」

<div id="sortable"> 
    <div class="node"></div> 
    <div class="node"></div> 
    <div class="node"></div> 
    <div class="node"></div> 
</div>

我的腳本是：

$('.node').droppable({ 
    drop: function (e, ui) { 
     alert("drag finish"); 
    } 
}); 

$('#sortable').sortable({ 
    stop: function (e, ui) { 
     alert("sort finish!"); 
    } 
});

但是，當我拖動的元素和排序，它只擊中alert("drag finish")但不是alert("sort finish")。

這是怎麼發生的？我怎麼解決這個問題？

這裏是例子http://jsfiddle.net/GRWDR/1/

來源

2012-03-09 hh54188

你可以把你的代碼放在jsfiddle上 – Devjosh 2012-03-09 17:16:39

@Devjosh：我編輯過，看最後一行 – hh54188 2012-03-09 17:25:27

你的jsfiddle中的代碼與這個問題中的代碼不匹配。哪個是對的？ – Joel 2012-03-09 17:29:14

我自己創建了一個小提琴來測試您的問題，看到它here它做工精細

通知我加載在DOM準備的腳本，即我認爲你應該附上腳本dom.ready塊

$(document).ready(function(){ 
$('.node').droppable({ 
        drop: function (e, ui) { 
         alert("drag finish"); 
} 
       }) 

$('#sortable').sortable({ 
        stop: function (e, ui) { 
         alert("sort finish!"); 
        } 
       }); 

});

希望這有助於你

來源

2012-03-09 17:37:37 Devjosh

jQuery UI的 「水滴」 有衝突「排序」

回答

相關問題

jQuery UI的「水滴」有衝突「排序」