如果我将jQueryscroll事件处理程序绑定到特定的名称空间…
$(window).on('scroll._my_namespace',function() { ... });
…除了分配给该名称空间的scroll事件处理程序之外，还有什么方法可以解除所有事件处理程序的绑定？例如，如果我这样做…
$(window).off('scroll._my_namespace');
…它将取消绑定该特定scroll处理程序，如果我这样做…
$(window).off('scroll');
…它将解除所有 scroll处理程序的绑定。
到目前为止，我已经尝试过：
$(window).off('scroll.'); // Doesn't seem to do anything
没想到它会起作用，但是我想在发布之前最好尝试一下：
$(window).off('scroll:not("._my_namespace")'); // Also doesn't do anything
scroll事件处理程序以外的所有事件处理程序。有什么办法可以做到这一点？除了为必须删除的所有处理程序提供另一个公共命名空间外，我不知道使用公共api的任何方式。
但是，使用私人事件集合，您可以尝试类似
var events = $._data(window, 'events');
for (var i = events.scroll.length - 1; i >= 0; i--) {
var handler = events.scroll[i];
if (handler && handler.namespace != 'ns') {
$(window).off('scroll', handler.handler)
}
}
$(window).on('scroll.ns', function(e) {
console.log('x', e.type, e.handleObj.namespace, e)
});
$(window).on('scroll.ns2', function(e) {
console.log('y', e.type, e.handleObj.namespace, e)
});
$(window).on('scroll.t', function(e) {
console.log('z', e.type, e.handleObj.namespace, e)
});
$('button').click(function() {
var events = $._data(window, 'events');
for (var i = events.scroll.length - 1; i >= 0; i--) {
var handler = events.scroll[i];
if (handler && handler.namespace != 'ns') {
$(window).off('scroll', handler.handler)
}
}
});body {
height: 1000px;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button>Remove</button>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句