javascript - jqueryを使用してasp：imagebuttonを画像処理に置き換える

Question

したがって、Webサイトにログインするためのasp：imagebuttonがあります。

OnClickページはxyzを実行してからリダイレクトします。リダイレクトの間に、ボタンがクリックされてからの一時停止時間があります。待機をもう少しユーザーフレンドリーにするために、ボタンを処理画像に置き換え、これを行うjavascriptにテキストを送信します。

$(document).ready(function () {
    $(".ShowProcessing").click(function () {
        $(this).replaceWith("<img src='/content/images/processing.gif' /> Processing");
    });
});

これはボタンです：

<asp:ImageButton ID="Login" runat="server" OnClick="Login_Click" CssClass="ShowProcessing" />

問題は、処理イメージへの変更は発生しますが、aspOnClickイベントは発生しません。

Answer 1

要素全体を他のものに完全に置き換える代わりにsrc、現在の要素のを変更するだけです。

$(".ShowProcessing").click(function () {
    $(this).attr("src", "/content/images/processing.gif");
});

これは、スクリプトでファンキーなだけでなく、適切な場所でレンダリングされた場合 です（頭のてっぺんから思い出せないので、Webフォームは奇妙な方法でいくつかのことを行います）。次に、必要に応じて既存の要素の後にテキストを挿入します。ImageButtonimginput

Answer 2

.replace()試して成功したものを使用する代わりに：

$(".ShowProcessing").click(function () { 
    $(this).hide(); 
    $(this).after("<img src='/content/images/processing.gif' /> Please wait..." ) 

}); 

Answer 3

最初の画像を削除してから、新しい処理画像を追加してみてください。

置換使用（削除してから追加）関数の代わりに。