jQuery Droppable元素 - 基于项目删除的条件丢弃事件

时间:2012-05-11 02:52:25

标签: jquery-ui jquery

我有一个我似乎无法弄清楚的问题。我正在尝试使用droppable元素根据丢弃的项的类有条件地触发不同的函数。对于我的生活,我无法弄清楚如何做到这一点。这是链接:http://jsfiddle.net/643PC/22/

pageContainer接受Rows。行接受Spans。 Spans应接受Actions和Fields,并根据删除的项目触发不同的函数。有什么想法吗?

David的帮助完成了功能:

    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)
    }

1 个答案:

答案 0 :(得分:0)

将generalDrop函数更改为:

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