0

ボタンのクリックで読み込み中の 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コードを呼び出すにはどうすればよいですか?

4

1 に答える 1

5

左側のメニューから jQuery のバージョンを選択する必要があります。jsFiddle は、notasp.net コードの解釈と、asp.net エンジンのように html の生成をサポートしています。

ここに画像の説明を入力

ライブデモ

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

asp.net で同じことをしようとしていて、BtnSend がClientIDModeが設定されていないサーバー コントロールであるstatic場合は、ClientID を使用してイベントをバインドする必要があります。

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

ClientID 値は、ID プロパティの値に設定されます。コントロールが名前付けコンテナーである場合、コントロールは、そこに含まれるすべてのコントロールの名前付けコンテナーの階層の最上位として使用されます。

于 2013-07-22T12:09:46.400 に答える