jQuery UI - 可放置的接受事件函数(event，ui)

Question

我想在 jQuery UI droppable accept 事件中使用函数，

我正在尝试在该函数内调用ui.draggable。

我想要来自 ui.draggable 的数据属性值。但它说 ui 未定义。

访问ui.draggable的任何其他方式

这是我的代码

jQuery( "#dropable" ).droppable({
    activeClass: "active",
    accept:function(event, ui) {
        return ui.draggable.data('accept');
    },
    hoverClass: "hover",
    drop: function( event, ui ) {
        // my function
    }
});

我为什么要这样做？

accept 事件类存储在拖动的元素中，例如:

<a data-accept=".drop">This will be dragged</a>

Answer 1

来自fine manual :

accept

Controls which draggable elements are accepted by the droppable.

Multiple types supported:

• Selector: A selector indicating which draggable elements are accepted.
• Function: A function that will be called for each draggable on the page (passed as the first argument to the function). The function must return true if the draggable should be accepted.

因此，accept 回调的第一个参数是相关元素，而不是事件，并且没有第二个参数。

我认为你想要更多类似这样的东西:

accept: function(el) {
    return $(el).is($(this).data('accept'));
}

这只会接受与 droppable 的 data-accept 属性匹配的可拖动对象。

演示:http://jsfiddle.net/ambiguous/8jyhu/1/