Jquery ui拖放droppable "drop"事件

标签 jquery jquery-ui jquery-ui-draggable jquery-ui-droppable

当我创建一个 div droppable 并尝试设置 drop 事件函数时,它不会触发:

$('.item').draggable({

});

$('.destination').droppable({
   drop: function(event, ui){
     console.log('hiii');
   }
});

当我将其放在 $('.destination') div 右侧的外部时,它会触发,但如果我将其放在 '.destination' div 内,则不会触发。 查看完整的 JS fiddle : http://jsfiddle.net/dylanjha/8TFMS/5/

最佳答案

出于某种原因,在 .item 类上设置 margin:0 auto 会导致其无法正常运行。删除它可以解决问题。

<强> jsFiddle example

关于Jquery ui拖放droppable "drop"事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17605997/

相关文章:

javascript - 我们如何从 javascript 对象中获取字符串值?

javascript - JQuery 搜索栏隐藏表格行

jQuery 拖放 ul 和 li 元素

javascript - JQuery-UI slider 自动递增但不触发幻灯片事件

jquery - 将 div 拖到另一个 div

javascript - 使用 jquery ajax 的自动建议总是在 1 次击键后产生建议

javascript - jQuery 无法对 URL 参数进行编码

javascript - 如何防止在打开对话框时显示工具提示

javascript - 仅当鼠标位于使用 jQuery UI 的特定元素上时才允许拖动

jquery ui防止Sortable内嵌套Droppable的传播