2012-04-24 200 views
0

我有這些腳本用於我的網站,但一次只能有一個函數工作,無論哪個代碼接近head標籤都能正常工作。什麼是解決雙方工作都沒有衝突的解決方案。javascript函數衝突

代碼是如下:

<script type="text/javascript" src="demo_files/jquery.js"></script> 
    <script type="text/javascript" src="demo_files/jquery.vticker-min.js"></script> 
    <script type="text/javascript"> 
    $(function(){ 
     $('#news-container').vTicker({ 
      speed: 500, 
      pause: 3000, 
      animation: 'fade', 
      mousePause: false, 
      showItems: 3 
     }); 
      $('#news-container1').vTicker({ 
      speed: 700, 
      pause: 4000, 
      animation: 'fade', 
      mousePause: false, 
      showItems: 1 
     }); 
    }); 
    </script> 
    <style type="text/css"> 
    body{ font-family:Verdana, Arial, serif; font-size:14px;} 
    </style> 
    <link media="screen" rel="stylesheet" href="colorbox.css" /> 
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 
    <script src="jquery.colorbox-min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
    $(function() 
    { 
     $(window).bind('load', 
      function(e) 
      { 
       $.colorbox({opacity:0.3, href:"offer.html"}); 
      }); 
    }); 
    </script> 
+0

請爲此提供一個最簡單的示例。也許使用[jsFiddle](http://jsfiddle.net/)。 – Matthias 2012-04-24 09:52:48

回答

2

龍答:這是因爲你的jQuery包括兩次,一次是正確的頂部,並再次約下降一半(的縮小版本)。

第二次包含庫時,$對象將被重新定義,覆蓋現有的實例。當發生這種事件時,附加$對象的任何代碼(例如事件和插件)都將丟失。

簡答:刪除jQuery的第二個副本,它應該工作。

+0

beeglebug感謝您的答覆可以粘貼編輯的代碼部分。我是java的新手。無論如何,我也在嘗試自己。如果出來會告知:D在此先感謝 – 2012-04-25 02:56:28

+0

@Matthias正如我所說的,我是一個新手,不知道如何處理jsFiddle。如果你可以像beeglebug建議的那樣編輯我的代碼,它會變成gr8。我嘗試過,但徒勞無益 – 2012-04-25 04:51:00

+0

它應該像去除「 」。一旦消失,一切都應該奏效。 – beeglebug 2012-04-25 07:44:10