javascript - 如何在悬停时从多个选择中清除选定变量的超时

标签 javascript jquery

fiddle :https://jsfiddle.net/b1Lsp3y3/

脚本:

...
$(this).parent().mouseover(function () {
    if (settings.pauseOnHover == 1) {
        clearInterval(po);
    }
}).mouseout(function () {
    po = setInterval(function () { AutoSlide($(this)) }.bind(this), settings.timeoutSet);
});
...

我遇到的问题是,当鼠标悬停在任何一个 slider 上时,它不会暂停那个 slider ,而是两个 slider 开始随机 Action 。

如何更新我的脚本,如果我将鼠标悬停在第一个 slider 上,它只暂停那个 slider ,第二个 slider 继续,如果我将鼠标悬停在第二个 slider 上,它只暂停那个 slider ,第一个 slider 从它原来的位置继续暂停,等等。

最佳答案

需要绑定(bind)mouseout回调函数。

$(this).parent().mouseover(function () {
if (settings.pauseOnHover == 1) {
    clearInterval(po);
}
}).mouseout(function () {
    po = setInterval(function () { AutoSlide($(this)) }.bind(this), settings.timeoutSet);
}.bind(this)); // <<-- TRY THIS

关于javascript - 如何在悬停时从多个选择中清除选定变量的超时,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40287940/

相关文章:

javascript - 访问 Ajax 外部在成功回调中创建的数组

javascript - 如何在 JavaScript 中通过这个谜题?

jquery - 如何清除焦点文本框?

javascript - 获取 twitter 和 google plus 共享计数或任何替代

javascript - 防止 moment.js 接受整数作为有效的 ISO8601 日期

javascript - 带有 Node 模块的 Kotlin 协程

javascript - 这个的正则表达式?

javascript - 如何计算另一个 div 中的 div 数量

javascript - 计算 laravel 中餐厅的平均评分

javascript - 后台不工作的JQUERY函数