-1

当我把这个简单的代码放在它自己的文件中时，我得到了一些与另一个代码的 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>

每件事都很好。如何更改代码以使其在外部文件中工作而不是放入 php 文件中？请注意，外部文件已加入、缩小和压缩。我也尝试过不加入、缩小和压缩。Jquery 版本是 1.6

4

1 回答 1

0

您将 jQuery 保存到什么文件中？你想做这样的事情：

索引.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>

myscript.js

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();
    });

});
于 2013-02-27T19:38:15.800 回答