我是靠谱客的博主 悦耳板凳,这篇文章主要介绍mousewheel 取消_Jquery,取消绑定鼠标滚轮事件,然后在操作完成后重新绑定它?,现在分享给大家,希望可以做个参考。

您需要存储函数,您可以引用它,如下所示:

function myHandler(event, delta) {

$("#wavetextcontainer").unbind("mousewheel", myHandler);

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", 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")) sliderVal = mySlider.slider("option", "max");

else if (sliderVal < mySlider.slider("option", "min")) sliderVal = mySlider.slider("option", "min");

$("#slider").slider("value", sliderVal);

$.data(this, 'processing', false);

});

这只是使用$.data()存储一个“我们正在工作”的数据条目与元素,如果有什么命中这个处理程序,它是真的,它只是返回并忽略该事件.

最后

以上就是悦耳板凳最近收集整理的关于mousewheel 取消_Jquery,取消绑定鼠标滚轮事件,然后在操作完成后重新绑定它?的全部内容,更多相关mousewheel内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(60)

评论列表共有 0 条评论

立即
投稿
返回
顶部