Question

我在脚本标记中有以下代码：

 $(document).ready(function () {
     $('#Button1').click(function () {
         $("#loading").show(500000);
     });
 });

这是按钮和div标签：

 <asp:Button ID="Button1" runat="server" Text="View Summary" 
            onclick="Button1_Click" />
    </p>
    <div id="loading">Page is loading...</div>

当我点击按钮时，div标签没有显示出来。我有显示：无; 对于css中的div ..

Answer 1

$("#loading").show(500000);

要花500秒才能出现。

尝试

$("#loading").show();

show中的参数表示元素显示之前需要多少毫秒。 show()中没有任何参数默认为.show(400)

Answer 2

你的按钮是由asp.net呈现的，它改变了id（除非你设置了静态id模式），所以当按钮的渲染id不是Button1时，它会附加其他东西（尽可能避免id重复）。因此，使用ClientId注册单击处理程序。此外，show动画的持续时间以毫秒为单位，你有太长的时间，只是缩短了一点。

尝试： -

  $('#<%= Button1.ClientID %>').click(function () {
     $("#loading").show();
  });

另一种方法是为您的按钮提供CssClass并将处理程序绑定到选择器。

 <asp:Button ID="Button1" runat="server" CssClass="Button1" Text="View Summary" 
        onclick="Button1_Click" />

和

 $('.Button1').click(function () {
     $("#loading").show();
  });

div标签没有出现在asp按钮上

2 个答案: