javascript - 如何通过 start : stop: while using the parameters 'ev' and 'ui' ? 使用我自己的函数

Question

在我的可拖动对象中，start: 和 stop: 处的代码变得太大(50-100 行)，我开始出现可读性问题。

$(".dra").draggable({
    revert: "invalid",
    start: function(ev, ui){
        //...50-100 lines...
    },
    stop: function(ev, ui){
        //...50-100 lines...
    }
});

为了提高可读性，我想创建两个全局函数 startDrag() 和 stopDrag() 并像 start: startDrag(ev,用户界面)。但我未能成功完成这项工作:

function startDrag(ev, ui){
    //...50-100 lines...
}

function stopDrag(ev, ui){
    //...50-100 lines...
}

function createDraggables(){
    $(".dra").draggable({
        revert: "invalid",
        start: startDrag(ev, ui),
        stop: stopDrag(ev, ui)
    });
}

有什么想法为什么这不起作用吗？

Answer 1

尝试将其更改为:

function createDraggables(){
    $(".dra").draggable({
        revert: "invalid",
        start: startDrag,
        stop: stopDrag
    });
}