c# - 在按钮单击时显示 Div

Question

我试图在按钮单击时显示加载 div，但目前无法正常工作。

Javascript：

<script type="text/javascript">
        $(document).ready(function (e) {      
            $('#BtnSend').click(function () {
                $('#<%= loading.ClientID %>').toggle("slow");
            });
        });
    </script>

分区：

<div id="loading" class="Loading" runat="server" visible="false">
  <div class="loadingImg">
    <img src="../Images/loading.gif" alt="loading" />
    </div>
  </div>

按钮：

<asp:Button ID="BtnSend" runat="server" Text="SEND" 
            onclick="BtnSend_Click" CssClass="pressbutton2" Height="36px" ClientIDMode="Static" />

另外，我如何在代码（c#）中调用上面的 jsfiddle 中的相同 javascript 代码？

Answer 1

您必须从左侧菜单中选择 jQuery 版本，jsFiddle 确实not支持解释 asp.net 代码并像 asp.net 引擎那样生成 html。

现场演示

$(document).ready(function (e) {
    $('#BtnSend').click(function () {
        $('#loading').slideToggle("slow");
    });
});

如果您尝试在 asp.net 中执行相同操作，并且您的 BtnSend 是未设置ClientIDModestatic的服务器控件，那么您将需要使用 ClientID 来绑定事件。

$(document).ready(function (e) {
    $('#<%= BtnSend %>').click(function () {
        $('#<%= loading.ClientID %>').slideToggle("slow");
    });
});

ClientID 值设置为 ID 属性的值。如果控件是命名容器，则该控件用作其包含的任何控件的命名容器层次结构的顶部，即Reference。