-1

ajax を使用してコンテンツを動的にロードします。ボタンをクリックした後、javascript ファイルをロードする必要があります。

<a id="element" href="http://example.com/test">button</a>

ただし、以下のスクリプトは、DOM が読み込まれる前に JavaScript ファイルを読み込みます。どうすればこれを解決できますか?

$("#element").click(function () {
  jQuery.getScript("example.com/jsfile.js?ver=0.9");  
}); 

firebug のスクリーンショット: http://img607.imageshack.us/img607/1630/4mu7.png

1 行目は、上記の関数を介して呼び出されたロード済みの JavaScript ファイルで、3 行目はロード中のページです。

4

3 に答える 3

0

ドキュメントのreadyStateプロパティを使用:

$("#element").click(function () {
    if(document.readyState === "complete")
        jQuery.getScript("example.com/jsfile.js?ver=0.9");
});

https://developer.mozilla.org/en-US/docs/Web/API/document.readyState

于 2013-08-18T18:24:22.457 に答える