jqueryスクリプト内asp.net更新パネル

Question

私はjqueryスクリプトを書いて、document.ready内のテーブルの境界を隠すようにしました。さらに

$(document).ready(function() { 
     $(".todotable").last().css("border-bottom", "none"); 
    }); 

それは私がテーブルを更新する必要がある場合に、ページ全体をポストバックしたいように、私はasp.netの更新パネル内のマークアップを入れています。同じjqueryコードをコピーして、更新パネル内に配置しました。しかし、更新パネルがロードされるたびにスタイルが適用されません。

問題が見つかりませんでした。更新パネル内のdocument.readyを別のものに置き換える必要がありますか？

Answer 1

問題は、各要求後にコンテンツをロードするため、ドキュメントレディハンドラが再度呼び出されないためです。

代わりに、updatePanelのendRequestイベントにコードを追加する必要があります。試してみてください：

$(function() { 
    // your jQuery code to execute on page load... 
}); 

Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function() { 
    // code to execute on updatePanel change 
    $(".todotable").last().css("border-bottom", "none"); 
});