動的に追加された要素のターゲットを追加します

Question

私はjQueryの初心者です。私は外部ページへのすべてのリンクを発見し、target = "_ blank"属性を追加しようとしています。これまでのところ、私は次のスクリプトを作成しました：

​​

これが最初のインスタンスでのページにロードされている要素で正常に動作しますが、新しい要素が追加されたときに動的には、ターゲットを追加するには、再度発生しません。属性。私は "準備"機能を "オン（ 'ロード'）に変更しようとしましたが、成功しませんでした。

ご協力いただきまして誠にありがとうございました。このような愚かな質問に一瞬でお答えする人々には感謝しています。

編集： AJAX呼び出しでより多くの要素を読み込む無限スクロールスクリプトを作成しました。この要素には「a」タグが含まれており、スクリプトを再度実行したいと思います。

Answer 1

私はあなたの機能であなたのリンクを変えるコードをラップでしょうあなたのコンテンツが変わったときにa）onloadとb）を呼び出すことができます。

$(document).ready(function() { 
    linkChanger(); 
}); 

function linkChanger() { 
    $('a').each(function() { 
     if (location.hostname !== this.hostname) { 
      $(this).attr('target', '_blank'); 
     } 
    }); 
} 

後でコンテンツ/リンクを追加した場合、あなたはあなたのページが再び変換/チェックするlinkChanger（）を呼び出すことができ、その後：

$('#something').click(function() { 
    // code that gets more content, if async provide a callback that calls linkChanger() 
    linkChanger(); 
}); 

Answer 2

新しい要素を追加するたびにその関数を起動する必要があります。あなたは新しいリンクがいつ追加されるのかを知るのに最適な人物なので、そのようにスクリプトを設定する必要があります。

function setTargetBlank() { 
    $('a').each(function() { 
    if (location.hostname !== this.hostname) { 
     $(this).attr('target', '_blank'); 
    } 
    }); 
} 

// On load 
$(function() { 
    setTargetBlank(); 
    loadSomeContent(function() { 
    // And after it is loaded, trigger again the function 
    setTargetBlank(); 
    }); 
}); 

あなたはこれらを制御することができない場合、あなたは、単にいつも数秒ごとにその機能をトリガーするタイマーを設定することができます。

// This is not really good for performance, but it will work 
// It will trigger the function every 3 seconds 
setInterval(setTargetBlank, 3 * 1000); 

Answer 3

あなたが新しいの前にAリンクをターゲットにしている可能性があります要素が作成されたら、コードをsetTimeout関数で実行してみてください。例えば

$(document).on('load',function() {

setTimeout(function(){ $('a').each(function() { if (location.hostname !== this.hostname) { $(this).attr('target', '_blank');
} }); }, 5000);

});