在jQuery中通过编程方式从函数draggable()中调用拖动事件

Programmatically calling drag event from function draggable() in jQuery

本文关键字：draggable 拖动 事件 函数 调用 jQuery 编程 方式      更新时间：2023-09-26

我在Javascript文件中有以下代码。我需要以编程方式触发拖动事件，但我不能。

$(".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);
}

但是不工作

试试这样:

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

只是创建一个函数并将拖动事件放入其中?

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();
}
相关文章：