不知为何,当点击Button时,无法出现div遮罩
各位帮帮找找原因,万分感 谢
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test1.aspx.cs" Inherits="test.test1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
    <script type = "text/javascript" src = "Src/jquery-1.4.1.min.js" ></script>
    <script type = "text/javascript" src = "Src/jquery.blockUI.js"></script>
    <script type = "text/javascript" >
//        $(document).ready(function() { 
//        $('#Button1').click(function() { 
//        $.blockUI({ message: null }); 
//        setTimeout($.unblockUI, 2000); 
//        }); 
//        }); 
        $(document).ready(function() { 
    $('#Button1').click(function() { 
        $.blockUI({ message: null }); 
        setTimeout($.unblockUI, 2000); 
    }); 
});
    </script>
</head>
<body>
       
    
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div>
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
            DataKeyNames="worker_no" DataSourceID="SqlDataSource1">
            <Columns>
                <asp:ButtonField Text="View &amp; Div" />
                <asp:BoundField DataField="worker_no" HeaderText="worker_no" ReadOnly="True" 
                    SortExpression="worker_no" />
                <asp:BoundField DataField="worker_name" HeaderText="worker_name" 
                    SortExpression="worker_name" />
                <asp:BoundField DataField="id_no" HeaderText="id_no" SortExpression="id_no" />
                <asp:BoundField DataField="sex" HeaderText="sex" SortExpression="sex" />
            </Columns>
        </asp:GridView>
    </div>
    <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
        ConnectionString="<%$ ConnectionStrings:hr_soft_Conn %>" 
        SelectCommand="select * from employee where worker_no = 'abc'">
    </asp:SqlDataSource>
    <asp:Button ID="Button1" runat="server" Text="Button"  />
    
    </form>
    
</body>
</html>

解决方案 »

  1.   

    boxy
      

  2.   

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
      <title>Untitled Page</title>
      <script type = "text/javascript" src = "Src/jquery-1.4.1.min.js" ></script>
      <script type = "text/javascript" src = "Src/jquery.blockUI.js"></script>
      <script type = "text/javascript" >
    // $(document).ready(function() {  
    // $('#Button1').click(function() {  
    // $.blockUI({ message: null });  
    // setTimeout($.unblockUI, 2000);  
    // });  
    // });  
      $(document).ready(
          function() {  
                $('#Button1').click(function() {  
                      $.blockUI({ message: null });  
                      setTimeout($.unblockUI, 2000);  
          });  
    });
      </script>
    </head>自己对对齐就能找到原因了。最后面多个 });
      

  3.   

     $(document).ready( 
         function() {   
             $('#Button1').click(
                 function() {   
                     $.blockUI({ message: null });   
                     setTimeout($.unblockUI, 2000);   
                 }
         }); 
      

  4.   

    服务器控件 单击 还不页面刷新,怎么弹出。用html控件
      

  5.   

    为什么我将其设为form1时,就可以遮罩成功
     $(document).ready( 
         function() {   
             $('#form1').click(
                 function() {   
                     $.blockUI({ message: null });   
                     setTimeout($.unblockUI, 2000);   
                 }
         }); 
    将其设为Button1时,就无法实现呢?
     $(document).ready( 
         function() {   
             $('#Button1').click(
                 function() {   
                     $.blockUI({ message: null });   
                     setTimeout($.unblockUI, 2000);   
                 }
         }); 万分感 谢
      

  6.   

    我现在要做到的效果是:
    将查询的数据放入Gridview里面,然后在Gridview里面定义一个连接,
    点击这个连接产生一个遮罩效果,显示相应的明细记录,明细记录里面最好做到能够分页.
    明细记录上面有一个[取消]按钮,按击[取消]时,取消遮罩效果,回到主界面请问各位大虾:能否给个例子参考一下
      

  7.   

    asp:button 生成的是 submit 控件。你换成是 <input type="button" > 试试看!
      

  8.   

    asp:button 生成的是 submit 控件。你换成是 <input type="button" > 试试看! 
    submit可以