2013-02-27 50 views
-1

当我把这个简单的代码放在它自己的文件中时,我得到了与另一个代码的一些jQuery冲突。试图让jquery代码在外部文件中工作而不与其他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

+0

什么叫 “什么也不做” 是什么意思?我们无法读懂你的想法。 – hugomg 2013-02-27 19:36:55

+0

尝试在jQuery的开始处添加分号,就像这样:'; jQuery(function($){...' – adeneo 2013-02-27 19:38:18

回答

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

}); 
+0

我有链接的文件和jquery.min.js链接,我发现代码可能是通用的,并与其他代码冲突。代码完美无缺,如果我直接将其放在index.html文件中,但它与外部链接时会发生冲突。 – jpetti99 2013-02-27 20:26:01