Ajaxの部分更新によりJSイベントが繰り返し発生する問題の解決方法

ページに ajax 更新リストが含まれている場合は、非動的更新部分のイベント処理に注意する必要があります。

パブリック ツールバーを備えたリスト インターフェイスを例に挙げます。

$.ajax( 
.... 
data: { ... 
}, 
success: function(data) { 
$('Menu1').click( 
function(){ 
//do something 
} 
); 
} 
)

Menu1 インターフェイス部分はパブリックであるため、リスト データが更新されても再ロードされないため、上記のコードは (リストを複数回更新した後) 繰り返しクリック イベント トリガーを生成します。

したがって、ツールバーイベントリスニングの再初期化は、ajax リスト更新の結果処理に含めることはできないことに注意する必要があります。

要約: 以上がこの記事の全内容です。皆さんの学習に役立つことを願っています。関連チュートリアルの詳細については、JavaScript ビデオ チュートリアル、AJAX ビデオ チュートリアル をご覧ください。