网站页面中JQuery移除事件处理程序

速优网络（10年经验），服务数万家企业，固定透明报价。域名注册、主机/服务器、网站源码一站式服务。实体公司，专业团队，值得选择！建站业务：企业网站建设、公司官网制作、外贸网站建设、网站仿制、网站复制、仿站、外贸建站、单页扒站客服微信【suyoufuwu】

有时候，我们需要停用以前注册的事件处理程序。可能是因为页面的状态发生了变化，导致相应的操作不再有必要。处理这种情形的一种典型做法，就是在事件处理程序中使用条件语句。但是，如果能够完全移除处理程序绑定显然更有效率。

假设我们希望折叠样式转化器在页面没有使用正常样式的情况下保持扩展状态，即NarrowColumn或Large Print按钮被选中时，单击样式转换器的背景区域不应该引发任何操作。为此，可以在单击非默认样式转换按钮时，调用.unbind()方法移除折叠处理程序，代码如下所示：

$(document).ready(function(){

$("#switcher").click(function(event){

if(!$(event.target).is('button')){

$("#switcherbutton").toggleClass('hidden');

}

});

$("#switcher-narrow,#switcher=large").click(function(){

$("#switcher").unbind('click');

});

现在，如果单击NarrowColumn按钮，样式转换器(

)上的单击处理程序就会被移除。然后，再单击背景区域将不会导致它折叠起来。但是，按钮本身的作用失效了！由于为使用事件委托而重写了按钮处理程序，因此按钮本身也带有样式转化器(

)的单击事件处理程序。换句话说，在调用$("#switcher").unbind('click')时，会导致按钮上绑定的两个事件处理程序被移除。

以上就是速优网络和大家分享的"网站页面中JQuery移除事件处理程序 ",非常感谢您有耐心的读完这篇文章，我们将为您提供更多参考使用或学习交流的信息。我们还可为您提供：企业网站建设、网站仿制、网站复制、仿站、外贸网站建设、外贸建站、公司官网制作等服务，本公司以“诚信、专业、务实、创新”的服务理念服务于客户。如您需要合作，请扫码咨询，我们将诚挚为您服务。

TAG标签：

上一篇：手机网站建设需要考虑的六个事项

下一篇： IIS7下使用虚拟目录如何网站URL优化