ボタンのロード状態Asp.net JavaScript

Question

私はブートストラップを使用しています。 http://getbootstrap.com/javascript/#buttons-stateful

<asp:Button ID="Button1" runat="server" Text="Send It" data-loading-text="Loading..." class="btn btn-primary" autocomplete="off" /> 

    <script> 
     $('#Button1').on('click', function() { 
     var $btn = $(this).button('loading') 
     $btn.button('reset') 
         }) 
    </script> 

しかし、動作しません。これをするには何ができますか？

Answer 1

ASP.NETコントロールをレンダリングすると、新しいIDが割り当てられます。ボタン上でinspect要素を実行すると、IDは実際にはButton1ではないことがわかります。このため、$('#Button1')セレクタは何も見つけられません。

サポートしているASP.NETのバージョンを使用している場合は、ボタンにclientIDMode="static"を入れてIDの変更を抑えることができます。

ない場合は、

ロードされるjavascript必ずストラップを作る

必ずブートストラップのCSSがロードされていることを確認し$('#<%=Button1.ClientID%>')

Answer 2

1. 確認jqueryのがロードされていることを確認して$('#Button1')を交換することで、クライアントのIDを取得することができます

ボタンがロードされたときにすぐにリセットされるようです。 AYAX要求でbeforeステップのボタンの読み込みが試行されています。その後、残りの部分をajaxステップのcompleteステップに入れます。この方法で、あなたはそれが働いているのを見ることができます