如何解決jQuery的衝突時，WOW滑塊上的網頁

網站有一個WOW滑塊樣式表<link href="/slider/engine2/style.css" rel="stylesheet" type="text/css" />和jQuery engine是權力WOW滑塊的存在。

我的網站有一個鼠標懸停菜單，只要WOW滑塊樣式表和jQuery引擎不存在，就可以工作 - 查看網站中除主頁以外的任何頁面。

但是，在主頁上，當WOW滑塊樣式表和jQuery引擎出現時，鼠標懸停菜單不起作用。

我將問題縮小到了jQuery引擎，導致mouseover菜單無法正常工作。

有沒有人有任何想法可能會導致這個問題，我可能會糾正它？

謝謝。

嘗試使用jQuery noConfilct - http://api.jquery.com/jQuery.noConflict/ –

請發表您的導航欄的代碼。 –

這是一個Magento網站。我沒有建立菜單欄。 –

這幾乎可以肯定原型和jQuery相沖突。

要解決它使用jQuery noConfict()（docs）

你wowslider被稱爲here，並且已經被使用的jQuery，而不是$，所以乾脆把$.noConflict();你的推薦後到其他圖書館和jQuery腳本引用應該可以解決問題，假設哇滑塊是頁面上唯一使用jQuery的東西

至於z-index問題，請將其放在某處：

#nav      {z-index: 100;} 
#wowslider-container2 {z-index: 1;} 
.ws-title    {z-index: 1;}

enter image description here

應工作100％

2012-12-09 22:22:26

謝謝@eskimo。我越來越近了。鼠標懸停菜單不會出現在旋轉圖像上。但是，如果只需將鼠標懸停在菜單欄上並仔細觀察，則可以看到在圖像轉換之間瞬間出現下拉菜單。你有什麼其他的建議？我感謝您的見解和幫助。 –

你有沒有更新http://integritywoodcrafts.com上的版本？ –

是@eskimo，我添加了以下內容： '' 我可以在圖像轉換期間看到菜單，現在只有 –

回答