jquery - 如何在 UpdatePanel onClick 事件中使用 jquery 隐藏 div？

Question

这就是我尝试这样做的方式：

 $(document).ready(function () {

    $("#ButtonId").click(function () {

        $('#DivID').hide();

    });

});

这对我不起作用。任何的意见都将会有帮助。

谢谢。

Answer 1

最可能的原因：

• 非唯一 ID（文档中只有一个元素可以具有给定 ID，如果不能使其唯一，请使用类）
• 动态创建的按钮（使用$(document.body).on('click', "#ButtonId", function () {）

Answer 2

具有 runat="server" 的控件在呈现页面时更改其 ID（有解决此问题的方法，但它不是默认功能）。如果确保 ID 唯一的初始答案对您不起作用，请确保您引用了正确的 ID。您可以通过 YourElementID.ClientID 获取呈现的 ID：

<script type="text/javascript">
     $(document).ready(function () {
         $('#<%= ButtonId.ClientID %>').click(function () {

Answer 3

谢谢你们的帮助。

我想与您分享我是如何设法操纵 UpdatePanel 中的 div 的。这是我为解决问题所做的工作：

  function pageLoad() {
     $(function () {

            if(Sys.WebForms.PageRequestManager.getInstance().get_isInAsyncPostBack()) {

                  $('.DivClass').hide();
            }  
     });
 } 

使用函数 pageLoad() 和 get_isInAsyncPostBack() 我可以跟踪 UpdatePanel 的部分更新，这样我可以在发生时隐藏我的 div。