2

フォーム データを処理した後、 「 .load() 」を使用して「 #some-div 」の内容をリロードしています。これは問題なく機能し、「#some-div」は予想される更新されたコンテンツで更新されます。問題は、割り当てられた他の jQuery 関数 (例: 以下の " .some-trigger ") が、リフレッシュ後に" #some-div "内の要素に対して機能しないことです。どんな洞察も大歓迎です。これが私のコードの簡略化された表現です。

<div id="some-div">
    <a class="some-trigger" href="#">I Won't Work Anymore After I've Been Refreshed</a>
</div>

<script> 
    $('.ajax-form').ajaxForm(function() {  
        $("#some-div").load(location.href+" #some-div>*","");
    });

    $('.some-trigger').someFunction();
</script>
4

1 に答える 1

1

動的に読み込まれた要素のクリック イベントをデリゲートする必要があります。次のことを試してください。

$("#some-div").on('click', '.some-trigger', function() {
   // do something here
})
于 2012-07-21T04:58:36.617 に答える