當我添加jQuery庫它使我的其他jQuery在同一頁上無效

我想創建一個具有圖像和投票系統（我從這裏複製：http://yensdesign.com/2008/09/how-to-create-a-stunning-and-smooth-popup-using-jquery/）滾動器的頁面。當我添加jQuery庫它使我的其他jQuery在同一頁上無效

滾動工作正常，直到我添加投票彈出窗口。從本質上講，當我添加所需彈出來的工作庫

<script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js" type="text/javascript">

，滾輪圖像消失，頁面似乎重新加載，只要我打的滾動箭頭。如果我註釋掉上面的庫，那麼滾動條會重新出現（但彈出窗口不起作用）。以下是其他文件的目錄。

公共/腳本/ general0.js - 初始化爲滾動
公共/腳本/宇jcar.js - 滾動功能
公共/腳本/ popup.js」 - 彈出的JavaScript

請幫助！我是紐比所以這可能只是像增加了衝突的庫或東西愚蠢的事情。

感謝，

來源

2012-04-12 Danconia

這是一個古老的jQuery版本不是嗎？你只是添加2個不同的jQuery庫？ – Nanne 2012-04-12 20:51:52

+1包括鏈接到您正在工作的實際網站......這需要在這裏更頻繁地發生。：P – qJake 2012-04-12 20:54:41

@SpikeX，我不同意;當他們處於開發階段時，我發現很難相信與他人網站的鏈接。他們可能會感到妥協，或者簡單地失望。此外，在問題得到解答時所做的任何更改都可能導致含糊不清。我寧願在[jsfiddle]（http://jsfiddle.net）中看到問題的蒸餾版本，以便每個人都處於平等地位。 – zzzzBov 2012-04-12 21:03:22

的jQuery已經在這行你的HTML標記的存在，你的頁面（1.7.1版本）上：

<script type="text/javascript" src="public/scripts/jquery00.js"></script>

刪除此行，和你應該罰款：

<script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js" type="text/javascript"></script>

來源

2012-04-12 20:53:56 qJake

如果我刪除：<！ - - >那麼當我點擊「投票」時彈出窗口不會出現。 – Danconia 2012-04-12 21:21:52

然後彈出窗口與更新版本的jQuery不兼容。我建議你找到另一個「彈出」 - 這裏有一個提示：他們被稱爲** [燈箱]（http://google.com/search?q=lightbox+jquery）**。 – qJake 2012-04-13 13:40:11

正如火箭所提到的，使用noConflict打開$回1.7.2和參考的jQuery 1.2.6與$ jq126：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $jq126 = $.noConflict(true); 
    // $ (and jQuery) is jQuery 1.7.2 
    // $jq126 is jQuery 1.2.6 
</script>

如果這還不夠可能彈出庫嚴格依賴於jQuery的1.2.6。因此，然後打開彈出libray js文件和包裝所有的代碼在休耕的方式：

(function($, jQuery){ 
    // all the lib code 
})($jq126, $jq126);

通過這種方式，LIB老繼續引用舊版本的jQuery。

來源

2012-04-12 21:28:18 Plap

當我添加jQuery庫它使我的其他jQuery在同一頁上無效

回答

相關問題