对于从表区域拖出的行,不会触发jquery droppable的drop方法

时间:2016-06-21 12:04:38

标签: jquery jquery-ui

我遇到了一个非常奇怪的行为,我的桌子上有可拖动的行。当我试图将一行拖到我的桌子区域下方然后掉落时,一切似乎都能正常工作。它实际上是作为表的最后一行放在正确的位置,但drop方法由于某种原因不会触发! 任何想法如何解决这个问题?

http://jsfiddle.net/4fdohs4r/

$("tbody").sortable({
    items: "> tr",
    appendTo: "parent",
    helper: "clone"
}).disableSelection();

$(".table tr").droppable({
    hoverClass: "drophover",
    tolerance: "pointer",
    drop: function(e, ui) {
        $(this).append($(ui.draggable));
        alert('I work only if I am dropped gently within table area')
    }
});

1 个答案:

答案 0 :(得分:0)

您可以使用

限制掉落区域
containment: '#somecontainer',

选项。另见:containment