最初のポストバックの後、イメージボタンがjQuery /ポストバックを起動しませんか？

Question

私は更新パネルを持っているasp.net Webアプリケーションを持っています。 更新パネル内には、グリッドビューコントロールがあります。私は2つのボタンを持つグリッドビューコントロールで は、視認性に気づく：

<ItemTemplate> 
    <asp:ImageButton class="DeleteLineItem" style="display:none;" ID="ibDelete2" runat="server" CommandName="DeleteRow" ImageUrl="images/d.gif" ToolTip="Delete Line Item?" /> 
    <asp:ImageButton class="TempDeleteLineItem" ID="ibTempDelete" OnClientClick="return false;" runat="server" ToolTip="Delete Line Item?" ImageUrl="images/d.gif" /> 
</ItemTemplate> 

通知が最初のものの表示がnoneに設定されている私はこれを行う理由は、あなたが二つ=が "falseを返すonclientclickを持って気づくでしょうです。 " id ibTempDeleteのボタンをクリックすると、jqueryが呼び出されてgridviewから行が削除され、ibDelete2ボタン（隠されているボタン）のclickイベントがトリガーされます。そのためのjQueryのはこちらです：

$(".TempDeleteLineItem").click(function() { 
    $(this).closest("tr").fadeOut(3000, function() { 
     alert('hi'); 
     __doPostBack($(this).closest ('tr').find ('.DeleteLineItem').attr('name'), ""); 
     $(this).remove(); 
    }); 
}); 

私は行を見つけて、それをフェードアウト、DeleteLineItemイベントを呼び出すと、行を削除することで、ポストバックを行います。今私は最初に私のWebページを読み込みます（グリッドビューに3つのレコードがあるとします）。私のページがロードされると、簡単にibTempDeleteボタンをクリックすることができ、jqueryを呼び出し、行をフェードアウトし、警告をハイにして、ポストバックを行い、行を削除します。偉大なので私の問題は何ですか？

ibTempDeleteボタンをクリックしようとすると、このポストバックの直後に問題が発生します（現在は2行あります）。アラートは表示されません。

私の質問は、asp.netとポストバックの仕組みに関する私の理解の欠如です。私が最初のポストバックをヒットすると、ボタンはもはやクリックできなくなります。

Answer 1

シャンカールは、我々はこれをやってしまった、チャットで私を助け：

$(".TempDeleteLineItem").live('click', function() { 
    var $this = $(this); 
    $(this).closest("tr").fadeOut(1000, function() { 
     $(this).hide(); 
     $this.prev('.DeleteLineItem').click(); 
    }); 
    return false; 
}); 

Answer 2

__doPostBackと呼ぶと、なぜページが更新されるのですか？$(this).remove()を呼び出しています。 __doPostBackに電話する前に電話をかけることができますか？ポストバック後もページが新しくロードされると、イベントハンドラはそのまま動作するはずです。ライブでこれを試してみてください。

$(".TempDeleteLineItem").live('click', function() { 
    $(this).closest("tr").fadeOut(3000, function() { 
     $(this).hide().find('.DeleteLineItem').click(); 
    }); 
});