淘先锋技术网

首页 1 2 3 4 5 6 7

JQuery是很好用的JavaScript库,可以帮助我们利用JavaScript更加方便地操控页面。其中,click事件是其中一个非常常用的事件。但是,在使用click事件时,如果不注意一个细节,就可能出现覆盖的情况。

什么是覆盖呢?举个例子,假设我们有一个按钮,我们给它绑定了一个click事件,当点击这个按钮时,会弹出一个对话框。接着,我们有另外一个需求,需要在点击这个按钮后,还要再执行一些其他操作。于是,我们在原来的click事件中加入新的代码。但是,执行完新的代码之后,发现原来的弹窗没有了,也就是说,新的代码覆盖了原来的代码,导致原来的click事件无效了。

那么,如何解决这个问题呢?其实很简单,只需要把新的代码也写成一个函数,然后在原来的click事件中调用这个函数即可。代码如下:

$('#myButton').click(function() {
alert('弹出对话框!');
doSomethingElse();  // 调用新的函数
});
function doSomethingElse() {
// 新的代码
}

这样,就不会出现覆盖的问题了,原先绑定的click事件仍然有效。