javascript - Jquery滚动函数循环

Question

我有一个简单的 jquery 插件，只有几个选项来显示元素。主要选项显示基于时间延迟或滚动功能的 div。时间延迟工作正常，但滚动不断循环 - 打开/关闭复选框状态。

我已经走了这么远:JSFiddle

(function($) {

$.fn.testing = function( options ) {

    // Settings
    var settings = $.extend({
        delay           : null,
        delayTime       : null,
        scrolling       : null,
        scrollDist      : null
    }, options);

    return this.each( function() {
        var self = this;

        // Timeout
        setTimeout(function (){
           $(self).prop('checked', settings.delay);
        }, settings.delayTime);

        // Scroll
       if ($(window).scrollTop() > settings.scrollDist) {
          $(this).prop('checked', settings.scrolling);
       };

    });

}

}(jQuery));

// Plugin invoke
$(window).on("load resize scroll",function(){
    $('#testInput').testing({
        delay             : false,
        delayTime         : null,
        scrolling         : true,
        scrollDist        : 20,
    });
});

在编译过程中我可能错过了一些东西，但看不到什么。如果函数在滚动事件触发时停止并且元素在没有此循环的情况下显示，那就太好了。

Answer 1

似乎在滚动和调整大小时重新加载正在重新运行该函数并导致错误。在没有插件调用窗口函数包装器的情况下尝试一下:

// Plugin invoke
//$(window).on("load resize scroll",function(){
    $('#testInput').testing({
        delay             : false,
        delayTime         : null,
        scrolling         : true,
        scrollDist        : 20,
    });
//});