大佬教程收集整理的这篇文章主要介绍了Jquery,取消绑定鼠标滚轮事件,然后在操作完成后重新绑定它?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想做一些事情,比如在动作开始时取消绑定鼠标滚轮(在这种情况下,在鼠标滚轮移动后滚动滚动条)然后重新绑定它,所以如果用户做太多滚动太快它只是忽略直到最初滚动完成..我尝试下面的代码,但它没有重新绑定,所以我不知道我做错了什么,任何建议表示赞赏.
$("#wavetextcontainer").bind("mousewheel",function(event,delta) { //HERE IS WHERE EVENT IS UNBOUND: $("#wavetextcontainer").unbind("mousewheel"); var speed = 10; var mySlider = $("#slider"); var sliderVal = mySlider.slider("option","value"); sliderVal += (delta*speed); if (sliderVal > mySlider.slider("option","max")) sliderVal = mySlider.slider("option","max"); else if (sliderVal < mySlider.slider("option","min")) sliderVal = mySlider.slider("option","min"); $("#slider").slider("value",sliderVal); event.preventDefault(); // HERE I WANT TO REBIND THE EVENT: $("#wavetextcontainer").bind("mousewheel"); });
function myHandler(event,delta) { $("#wavetextcontainer").unbind("mousewheel",myHandler); var speed = 10; var mySlider = $("#slider"); var sliderVal = mySlider.slider("option",sliderVal); event.preventDefault(); // HERE I WANT TO REBIND THE EVENT: $("#wavetextcontainer").bind("mousewheel",myHandler); }; $("#wavetextcontainer").bind("mousewheel",myHandler);
通过这样做,您可以稍后调用.bind()
到相同的功能(您不能引用匿名功能).您目前正在尝试调用.bind()
而没有处理任何功能的功能,这不起作用.这还有一个额外的好处,即能够将相同的函数引用传递给.unbind()
,因此它只解除处理程序,而不是任何鼠标轮处理程序.
或者,在没有取消/重新绑定的情况下执行此操作,如下所示:
$("#wavetextcontainer").bind("mousewheel",function (event,delta) { event.preventDefault(); if($.data(this,'processing')) return; //we're processing,ignore event $.data(this,'processing',truE); var speed = 10; var mySlider = $("#slider"); var sliderVal = mySlider.slider("option","value"); sliderVal += (delta*speed); if (sliderVal > mySlider.slider("option","max"); else if (sliderVal < mySlider.slider("option","min"); $("#slider").slider("value",sliderVal); $.data(this,falsE); });
这只是使用$.data()
存储一个“我们正在工作”的数据条目与元素,如果有什么命中这个处理程序,它是真的,它只是返回并忽略该事件.
以上是大佬教程为你收集整理的Jquery,取消绑定鼠标滚轮事件,然后在操作完成后重新绑定它?全部内容,希望文章能够帮你解决Jquery,取消绑定鼠标滚轮事件,然后在操作完成后重新绑定它?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。