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,
    });
//});