javascript - $(this) 未定义且不使用相同函数返回选择器

Question

我在 2 个不同事件上使用函数 main() 时遇到问题。第一个事件是这样的:

$buttonStart.on('click', main);

在第二个事件中我还需要做其他事情所以它是这样的:

$buttonDelay.on('click', function () {
    otherFunction();
    main();
});

main() 函数最后使用了一个 jQuery 函数:

$(this).ripple(100);

所以，问题是在第一种情况下它完美地工作，同时在第二种情况下它说:

Uncaught TypeError: Cannot read property 'defaultView' of undefined

我不知道如何解决这个问题，也不知道为什么它的行为会有所不同。

感谢您的帮助。

Answer 1

您可以使用Function.prototype.call() 将this 设置为otherFunction 处的$buttonDelay， main，您还可以将事件对象作为第二个参数传递给函数 .call()

$buttonDelay.on("click", function (event) {
    otherFunction.call(this, event);
    main.call(this, event);
});