-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 をどのファイルに保存していますか? あなたはこのようなことをしたい:

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>

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 に答える