javascript - jquery load(): javascript を div にロードし、関数を複数回呼び出す

Question

#Content というメイン div があり、クリックされたメニュー項目に基づいて #Content のデータを置き換えます。

コードは次のとおりです。

$('.nav-button').on('click', function(e){
e.preventDefault();
$('#content').load($(this).attr('href'));
});

score 2 · Accepted Answer

「トランスポート」をクリックするたびに、このバインドステートメントを実行しています。

$(".tsave").live('click',function() {

これを次のように変更してみてください。

$(".tsave").unbind('click');
$(".tsave").live('click',function() {

jQuery は、それらを呼び出すたびにバインディングステートメントを追加します。そのため、クリックイベントを 1 つのオブジェクトに 10 回バインドすると、イベントでそのイベントが 10 回実行されます。

これも変更します：

$(".save").live('click',function() {

に：

$(".save").unbind('click'); 
$(".save").live('click',function() {

score 1 · Accepted Answer

ここで答えが見つかりました： http://forum.jquery.com/topic/jquery-load-loading-a-javascript-in-to-div-calls-a-function-multiple-times

スクリプトが以前にロードされている場合、スクリプトをロードしないようにチェックしました。この簡単なスクリプトを使用して:

if (! window.loadedThisScript){
window.loadedThisScript = true
// the whole part of the script that you only want to load one time.
}

2 に答える 2