Javascript 试图让jquery代码在外部文件中工作，而不与其他jquery代码冲突_Javascript_Jquery_Conflict

Javascript 试图让jquery代码在外部文件中工作，而不与其他jquery代码冲突

javascript jquery

Javascript 试图让jquery代码在外部文件中工作，而不与其他jquery代码冲突,javascript,jquery,conflict,Javascript,Jquery,Conflict,当我把这个简单的代码放在它自己的文件中时，我得到了一些jquery与另一个代码的冲突 jQuery(function ($){ $(".tabContents").hide(); $(".tabContents:first").show(); $("#tabContainer ul li a").click(function(e){ e.preventDefault(); var activeTa

当我把这个简单的代码放在它自己的文件中时，我得到了一些jquery与另一个代码的冲突

jQuery(function ($){

        $(".tabContents").hide();
        $(".tabContents:first").show();

        $("#tabContainer ul li a").click(function(e){
            e.preventDefault();
            var activeTab = $(this).attr("href");
            $("#tabContainer ul li a").removeClass("active");
            $(this).addClass("active");
            $(".tabContents").hide();
            $(activeTab).fadeIn();
        });

    });

但是当我像这样把它放到php文件中

<script type="text/javascript">
    jQuery(function ($){

        $(".tabContents").hide();
        $(".tabContents:first").show();

        $("#tabContainer ul li a").click(function(e){
            e.preventDefault();
            var activeTab = $(this).attr("href");
            $("#tabContainer ul li a").removeClass("active");
            $(this).addClass("active");
            $(".tabContents").hide();
            $(activeTab).fadeIn();
        });

    });
</script>


jQuery（函数（$）{
$（“.tabContents”）.hide（）；
$（“.tabContents:first”）.show（）；
$（“#tabContainer ul li a”）。单击（函数（e）{
e、 预防默认值（）；
var activeTab=$（this.attr（“href”）；
$（“#tabContainer ul li a”）.removeClass（“活动”）；
$（此）.addClass（“活动”）；
$（“.tabContents”）.hide（）；
$（activeTab.fadeIn（）；
});
});

一切正常。如何更改代码，使其在外部文件中工作，而不是放入php文件？注意，外部文件是连接、缩小和压缩的。我还尝试了无连接、缩小和压缩。Jquery版本是1.6

您将Jquery保存到哪个文件中？您希望执行以下操作：

index.html

<html>
    <head>        
        <script type="text/javascript" src="jquery.min.js"></script>
        <script type="text/javascript" src="myscript.js"></script>
    </head>
    <body>
        <!-- Your Body Code-->
    </body>
</html>

你说的“没用”是什么意思？我们无法读懂您的想法。请尝试在jQuery前面的开始处添加分号，如：

；jQuery（function（$）{…

我链接了文件，也链接了jQuery.min.js。我认为代码可能是通用的，并且与其他代码冲突。如果我直接将代码放在index.html文件中，代码工作得很好，不会与任何内容冲突，但当我链接到外部文件时，它会与任何内容冲突。

jQuery(function ($){

    $(".tabContents").hide();
    $(".tabContents:first").show();

    $("#tabContainer ul li a").click(function(e){
        e.preventDefault();
        var activeTab = $(this).attr("href");
        $("#tabContainer ul li a").removeClass("active");
        $(this).addClass("active");
        $(".tabContents").hide();
        $(activeTab).fadeIn();
    });

});