如何从 HTML 元素中停止或删除 jQuery 函数

How do I stop or remove a jQuery function from a HTML element

本文关键字:删除 jQuery 函数 HTML 元素      更新时间:2023-09-26

我附加了一个这样的函数,它随页面一起加载或再次调用时加载:

function scroller(dist){
    $('#gallery').scrollbox({
        direction: 'h', // vertical or horizontal
        distance: dist // the distance between items
    });
}

但是,当我再次调用此函数时,它的多个实例正在同时工作。如何停止或删除此功能?在调用滚动框之前,我已经尝试了 $('#gallery').unbind() 作为函数的一部分,但这不起作用。

滚动框功能可以在这里找到,它用于对图像库进行动画处理。

我要

做的是将一个类添加到我附加小部件的任何元素中:

function scroller(dist){
    $('#gallery:not(.scroll-added)').scrollbox({
        direction: 'h', // vertical or horizontal
        distance: dist // the distance between items
    }).addClass("scroll-added");
}