Question

我在java脚本文件中有以下代码。我需要务实地触发拖动事件，但我无法做到。

$(".toolItems").draggable({
    drag: function (event, ui) {
        alert();
    },
    stop: function (event, ui) {
        removeToolItem(event, ui);
    }
});

我试图以下列方式调用它

function createEvt1() {
    var evt1 = $.Event('drag');
    evt1.clientX = 20;
    evt1.clientY = 30;
    $('.toolItems').trigger("drag",evt1);
}

但现在正在运作

Answer 1

只需创建一个函数并将拖动事件放在其中吗？

function enabledrag(){
    $(".toolItems").draggable({
        drag: function (event, ui) {
            alert();
        },
        stop: function (event, ui) {
            removeToolItem(event, ui);
        }
    });
}

function createEvt1() {
    var evt1 = $.Event('drag');
    evt1.clientX = 20;
    evt1.clientY = 30;
    enabledrag();
}

Answer 2

尝试这样的事情：

function createEvt1() {
    var evt1 = $.Event('drag');
    evt1.clientX = 20;
    evt1.clientY = 30;
    makeDraggable('.toolItems');
 }

function makeDraggable(selector){
    $(selector).draggable({
        drag: function (event, ui) {
            alert("dragging");
        },
        stop: function (event, ui) {
            alert("stopping");
        }
    });
}

以编程方式从jQuery中的函数draggable（）调用拖动事件

2 个答案: