删除并添加滚动事件处理程序使用jQuery .off或.unbind

我正在写我自己的图像懒加载函数，当div滚动到其底部，我们加载一些新的图像，容器div的高度（#ScrollDiv在这个案件）增加，当我们再次滚动到底部时，我们进行相同的调用。虽然我在每次请求更多图像（这称为appName.featureName.PaginationConstant和父范围）中传递“分页ID”，但我想移除或冻结滚动事件，因此我们不会提出其他请求或增加分页ID。例如：删除并添加滚动事件处理程序使用jQuery .off或.unbind

appName.featureName.lazyLoader = function() { 

    var currentScroll = $(this).scrollTop(), 
     divHeight = $(this)[0].scrollHeight, 
     actualHeight = $(this).height() + parseInt($(this).css('padding-bottom')) 

    // have we hit the bottom of the Scroll Div? 
    if((divHeight - actualHeight) <= currentScroll) { 
     // yes we have, remove the scroll, see I name this function below 
     $('#ScrollDiv').off('scroll', appName.featureName.lazyLoader); 
     // Now get more photos, in the function below I shall re-bind the scroll functionality 
     appName.featureName.getMorePhotos(++appName.featureName.PaginationConstant); 
    } 

}; 

// this is the lazyload funtion 
appName.featureName.lazyLoad = function() { 
    $('#ScrollDiv').on('scroll', appName.featureName.lazyLoader); 
};

除了解绑，一切都很好用！我仍然能够触发滚动事件处理程序，尽管事实上我试图删除它，一旦我的条件遇到与$('#ScrollDiv').off('scroll', appName.featureName.lazyLoader);

我做错了什么？

来源

2014-11-06 Mark Sandman

你可能会更好地切换一个布尔值，该值指示是否应该运行该函数，而不是不断地绑定和解除绑定事件处理程序。 “appName.featureName.getMorePhotos”函数的代码是什么样的？ – 2014-11-06 14:03:28

我认为你是正确的布尔比绑定和解除绑定...即使在下面的答案我无法得到的东西工作，当我通过布尔一切正常！ – 2014-11-06 14:16:15

你有没有试过这样的？

$('#ScrollDiv').on('scroll','#ScrollDiv', appName.featureName.lazyLoader);

和

$('#ScrollDiv').off('scroll','#ScrollDiv', appName.featureName.lazyLoader);

，或者您可以使用该方法绑定太

$('#ScrollDiv').bind('scroll', appName.featureName.lazyLoader);

和

$('#ScrollDiv').unbind('scroll', appName.featureName.lazyLoader);

来源

2014-11-06 14:05:50 vcrzy

为什么你有一个委托事件处理程序，搜索*本身*？这将失败，因为'＃ScrollDiv'不包含*＃ScrollDiv。 – 2014-11-06 14:08:08

.bind方法相当陈旧，而且.on应该从api 1.7版开始就是首选：http://api.jquery.com/bind/ – Markai 2014-11-06 14:08:21

强制执行它？但1.7版本对我来说已经过时了。 ;） – vcrzy 2014-11-06 14:12:12

jQuery的.off（）函数不工作的方式。如果你想添加和删除只有你自己的滚动处理程序，并独自离开其他第三方滚动处理程序，要使用

$("#scrollDiv").on("scroll.appName", appName.featureName.lazyLoader);

，并删除所有自己的处理程序：

$("#scrollDiv").off(".appName");

，或者到只删除你自己的滚动处理，而是独自离开click处理：

$("#scrollDiv").off("scroll.appName");

有关更多信息，请参阅http://api.jquery.com/off/的文档。

来源

2014-11-06 14:06:17

删除并添加滚动事件处理程序使用jQuery .off或.unbind

回答

相关问题