javascript - jQuery/JS 函数值返回

Question

这可能是因为失眠，但我一直无法让以下简单的 JS 函数正常工作。

function numFunction() {
    var retNum = null;
    $('.draggable').draggable($state).on("drag", function (event, ui) {
        retNum = 31;
    });
    return retNum;
}

var finNum = numFunction();

就这么简单:

• 我们首先创建一个名为 numFunction 的函数。
• 变量retNum已定义。该变量由于 jQuery UI 可拖动事件触发而更改了其值(效果非常好)。
• 返回retNum
• 最后但并非最不重要的一点是，使用函数的(假定)新值 31 定义新变量 finNum。
• 故事结束。

不幸的是，它不起作用。 console.log(finNum) 仅返回 null。我正要把头撞到墙上:我不知道我错过了什么。

Answer 1

您仅更改可拖动事件处理程序上的 retNum 值，该处理程序仅在触发事件后执行。

但是，除非该事件被触发，否则它不会发生。

当您调用该函数时，处理程序可能尚未触发，因此 retNum 仍为 null

所以这样做:

function numFunction() {
    var retNum = null;
    $('.draggable').draggable($state).on("drag", function (event, ui) {
        retNum = 31;
    }).trigger('drag');<- trigger it immediately to set the value of retNum to 13
    return retNum;
}