jquery-ui - jQuery Droppable 元素 - 基于项目丢弃的条件丢弃事件

Question

我有一个我似乎无法弄清楚的问题。我试图让一个可放置元素有条件地根据放置的项目的类触发不同的功能。对于我的生活，我无法弄清楚如何做到这一点。这是链接：http: //jsfiddle.net/643PC/22/

pageContainer 接受行。行接受跨度。Spas 应该接受 Actions 和 Fields 并根据丢弃的项目触发不同的功能。有任何想法吗？

在大卫的帮助下完成的功能：

    function generalDrop(event, ui) {
        var appendTarget = $(this);
        if (ui.draggable.hasClass('field-item')) {
            fieldDrop(event, ui, appendTarget);
        }
        else {
            actionDrop(event, ui, appendTarget);
        }
    }

    function actionDrop(event, ui, appendTarget) {
        $(document.createElement('a'))
            .addClass('btn btn-primary')
            .attr('href', '#')
            .text('Button')
            .appendTo(appendTarget)
    }

Answer 1

将您的 generalDrop 函数更改为：

function generalDrop(event, ui) {
    if (ui.draggable.hasClass('field-item')) {
        fieldDrop(event, ui);
    }
    else {
        actionDrop(event, ui);
    }
}