按钮点击时,jquery函数不断重复一次

时间:2016-04-14 15:06:31

标签: jquery asp.net

我对jquery很新,我一直在通过chrome的调试工具调试这段代码。每次单击按钮,该功能都有效,但如果再次单击该功能,则该功能执行两次,如果再次单击该功能,则执行3次。我不确定为什么会发生这种情况。代码如下。它可能与项目是webforms并且其中有更新面板的事实有关吗?

 $(document).ready(function () {
    $("#BlueButton").click(function () {
        $(this).click(function () {
            alert('Hello');
        }); 
    });
});

感谢。

1 个答案:

答案 0 :(得分:2)

是的,会发生这样的事。因为你以这种方式编码。删除主("#BlueButton")点击事件中的事件绑定。

$(document).ready(function () {
    $("#BlueButton").click(function () {
            alert('Hello');
    });
});

事件将按照你绑定它的次数被触发。所以不要绑定重复的事件。