jQuery类更改仅动作一次

Question

我在单击按钮时通过jQuery更改按钮样式。 下面是代码。

<script type="text/javascript">
    $(document).ready(function () {
        $("#btnDiv .down").click(function () {
            $(this).addClass("click");
        });
    });

由于我已经将#btnDiv括在UpdatePanel中，因此上述功能仅起作用一次。 是什么原因以及解决该问题的方法。

Answer 1

呈现updatePanel时，您需要再次执行那些javascript，否则更新后，先前的绑定事件将不存在。

看看jQuery.on（）

如果您的jQuery版本.delegate() 1.7，则可能需要使用.delegate()或.live()函数。

因此，您的代码可能是：

$(document).ready(function () {
        $("#btnDiv .down").on("click",function () {
            $(this).addClass("click");
        });
    });

您不需要在每次更新面板时都呈现以上代码。 只需执行一次。

Answer 2

假设“ UpdatePanel”动态更改其内容。 然后，您需要使用jquery .on（） （或.delegate（） ）函数为动态更新的元素绑定事件。