0

HTMLページでdivを作成し、divをアニメーション化するスクリプト(myscript.js)があります。私のスクリプトはJqueryアニメーション機能を使用しています

現在、次のコードを使用しています（サンプルスニペットです）

<script src="jquery.js"><script>
<script src="myscript.js"><script>

しかし、JQueryライブラリも自動的に追加できる次のコードのみを使用することは可能ですか?

<script src="myscript.js"><script>
4

2 に答える 2

4

これを myscript.js の上に挿入します

var h=document.getElementsByTagName('head')[0];
var s=document.createElement('script');
s.type='text/javascript';
s.src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js';
h.appendChild(s);

ただし、waitforload 関数を使用してスクリプトがロードされるまで待つ必要があります

function w4l(){
    if (typeof jQuery != "function"){
        setTimeout("w4l()", 1000);
        return;
    }else{
        //Do Jquery thing
    }
}
w4l();

または単にすべての jquery.js コード ファイルを myscript.js にコピーするだけで、別名 2 つのファイルを 1 つにマージします

于 2012-09-23T08:51:05.130 に答える
2

jQueryが読み込まれる前に残りの部分がmyscript.js実行されないようにするには、次のようにします。

function dostuff() {
    //animate elements, etc.
}
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'jquery.js';
script.onreadystatechange = dostuff;
script.onload = dostuff;
head.appendChild(script);

注:にjQuery部分を明示的に追加したくない理由は少し不明ですhead。

于 2012-09-23T08:47:35.407 に答える