在濟(jì)南網(wǎng)站建設(shè)的制作中，在處理一些網(wǎng)站中的動(dòng)態(tài)效果的時(shí)候，往往要用到j(luò)query的特效，有時(shí)候單單的引用一個(gè)juqery文件，是不能滿足我們的需求的。這時(shí)候要引用多個(gè)jquery文件，由于版本的不同，不同的jquery也能夠?qū)崿F(xiàn)不同的效果。在引用多個(gè)jquery時(shí)，會(huì)發(fā)現(xiàn)，部分效果失效，或者只能出現(xiàn)一種效果，另一種效果不起作用，或者說別的JS也沒有的效果，這往往是由于jquery在多個(gè)版本之間發(fā)生沖突的原因所致，解決辦法如下。

錯(cuò)誤效果截圖：

正確效果截圖：

正確代碼截圖：

從上面三張圖中，我們可以看到，當(dāng)在代碼中引入了兩個(gè)juqery時(shí)，發(fā)生了沖突的現(xiàn)象，導(dǎo)航欄中的下拉不顯示，并且輪播圖片也不進(jìn)行切換了。我們可以通過重新定義jquery變量的方法，來解決多個(gè)juqery發(fā)生沖突的錯(cuò)誤，此方法也同樣適用于juqery與其他JS，發(fā)生沖突的錯(cuò)誤。

具體代碼書寫：

<script type="text/javascript" src="js/jquery.min.js"></script>

<script type="text/javascript">
var j = jQuery.noConflict(); //重定義jquery.min.js這個(gè)JS
</script>

<script src="js/jquery.min2.js"></script>

以上是引用的兩個(gè)jquery的JS，在中間加入了一個(gè)變量J，這個(gè)J是用來重新定義JQUERY的，也就是說，在使用jquery.min.js這個(gè)JS的時(shí)候，我們可以把所有的$都換成J的符號(hào)，在使用jquery.min2.js這個(gè)JS的時(shí)候，還是照樣使用$這個(gè)符號(hào)。

具體使用方法：

①、使用jquery.min.js的JS寫法：

<script type="text/javascript">
j(function(){
    j("ul.sf-menu,ul.sf-navbar").superfish();
    j("ul.sf-vertical").superfish({
            animation:{opacity:'show',height:'show'},
            speed:'fast'
    });
});
</script>

注意：以上都是用的"j"進(jìn)行的JS使用。

①、使用jquery.min2.js的JS寫法：

<script type="text/javascript">
  $(function() {
  $('.flexslider').flexslider({
    animation: "slide"
  });
});
  </script>

注意：以上都是用的"$"進(jìn)行的JS使用。

通過以上的方法，我們就完美解決了在同一個(gè)頁面中，使用多個(gè)jquery發(fā)生沖突，頁面特效失效的問題。

在進(jìn)行濟(jì)南網(wǎng)站建設(shè)的過程中，我們建議大家盡量少的使用的JS的特效，如果一個(gè)頁面中的JS特效太多的話，會(huì)在一定程度上影響網(wǎng)站的打開速度，當(dāng)然JS多的網(wǎng)頁用戶體驗(yàn)可能會(huì)相對(duì)的多一些，這時(shí)候我們就盡量的保證JS的引用盡量少一些，能用一個(gè)JS實(shí)現(xiàn)的效果，就用一個(gè)JS去實(shí)現(xiàn)，不要為了一個(gè)小小的JS效果去加載一個(gè)體積很龐大的JS代碼庫。