jQuery类只更改了一次

Question

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

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

由于我在UpdatePanel中包含了#btnDev，因此上述功能只起一次作用。这个问题的原因和解决办法是什么。

Answer 1

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

看看jQuery.on（）

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

所以你的代码可能是：

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

您不需要每次更新面板时都渲染上面的代码。只需执行一次。

Answer 2

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