Question

单击按钮时，通过jQuery更改按钮样式。以下是代码。

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

由于我已将#btnDiv包含在UpdatePanel中，因此上述功能仅执行一次。是什么原因和解决问题的方法。

Answer 1

当你渲染你的updatePanel时，你需要再次执行那些javascript，否则在更新之后，前一个绑定事件将不存在。

查看jQuery.on()

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

所以你的代码可能是：

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

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

Answer 2

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

jQuery类只改变了一次

2 个答案: