Jquery UI(可排序,可拖动和可丢弃):在将可拖动拖放到可排序的拖放上时,错误触发了拖放事件

时间:2014-07-07 12:34:06

标签: jquery jquery-ui-draggable jquery-ui-sortable jquery-ui-droppable

将可放置的可拖动拖动到可排序上时,会错误地触发拖放事件。

JS:

$('.sortable-fx').sortable();
$('.droppable-fx').droppable({
    drop:function(event,ui){
        var tpl = '<div class="msg-fx">Drop Event Triggered</div>';
        $(".console-fx").append(tpl);
    }
});
$('.draggable-fx').draggable({
    connectToSortable:'.sortable-fx',
    helper:'clone'
});

请点击查看实际操作代码:http://jsfiddle.net/atulkushwah/t5pyb/15/

注意:使用鼠标按下有一些解决办法,但由于首先出现掉落触发,因此无法在IE浏览器中使用鼠标按键。

0 个答案:

没有答案