1

jquery.js をページに 2 回 (意図的または意図的) 導入するとどうなりますか?

この状況を処理できるjqueryのメカニズムはありますか?

私の知る限り、後のjqueryは前のものを上書きし、前のものとのアクションバインディングがある場合はクリアされます。

後のものが前のものを上書きしないようにするにはどうすればよいですか?

===編集===

なぜこの質問に反対票が投じられたのか理解できませんでした。反対票を投じた人々は答えを出すことができますか?

==再編集== @user568458

そうです、今はテストコードです：

<html>
<head>
</head>
<body>
fast<em id="fast"></em><br>
slow<em id="slow"></em><br>
<em id="locker"></em>
</body>
<script type="text/javascript">
function callback(type){
    document.getElementById(type).innerHTML=" loaded!";
    console.log($.foo);
    console.log($);
    console.log($.foo);
    $("#locker").html(type);
    console.log($("#locker").click);
    $("#locker").click(function(){console.log(type);});
    $.foo = "fast";
    console.log($.foo);
}
function ajax(url, type){
    var JSONP = document.createElement('script');
    JSONP.type = "text/javascript";
    JSONP.src = url+"?callback=callback"+type;
    JSONP.async = JSONP.async;
    JSONP.onload=function(){
        callback(type);
    }
    document.getElementsByTagName('head')[0].appendChild(JSONP);
}
</script>
<script>
ajax("http://foo.com/jquery.fast.js", "fast");
ajax("http://foo.com/jquery.slow.js", "slow");
</script>
</html>

結果は次のとおりです。

undefined test:12
function (a,b){return new e.fn.init(a,b,h)} test:13
undefined test:14
function (a,c){c==null&&(c=a,a=null);return arguments.length>0?this.bind(b,a,c):this.trigger(b)} test:16 
fast test:19
undefined test:12
function (a,b){return new e.fn.init(a,b,h)} test:13
undefined test:14
function (a,c){c==null&&(c=a,a=null);return arguments.length>0?this.bind(b,a,c):this.trigger(b)} test:16 
fast

前のもの（jquery.fast.js）のトークン「$」は、後のもの（jquery.slow.js）によって上書きされます。

上書きを回避する方法はありますか？

4

1 に答える 1

-1

私はこのコードを試しました：

<html>
<head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
            $(function() {
                    $('#try').click(function() {
                            alert('ok');
                    });
            });
    </script>
    <script type="text/javascript" src="jquery.js"></script>
</head>
<body>

<button id="try">Try me</button>

</body>
</html>

何も起こりませんでした。クリックすると、アラートが表示されます。2 番目の jquery.js がボタンの前または後に body タグにロードされた場合、同じ結果になります。

于 2012-12-17T14:35:26.073 に答える