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的 “水滴” 有冲突“排序”

回答

相关问题