显示按钮上的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支持解释asp.net代码并生成html as asp.net引擎。

<强> Live Demo

not

如果你想在asp.net中做同样的事情而你的BtnSend是没有ClientIDMode设置为$(document).ready(function (e) { $('#BtnSend').click(function () { $('#loading').slideToggle("slow"); }); }); 的服务器控件那么你将需要使用ClientID来绑定事件。

static

  

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