2011-12-03 61 views
0

這是我的代碼...爲什麼我的fadeOut不工作?任何幫助將不勝感激!!!該網站是:http://174.120.235.57/~phvne/爲什麼我的fadeOut不工作?

$j=jQuery.noConflict(); 
jQuery(document).ready(function(){ 
    $j("#nav ul").css({display: "none"}); 

    $j("#nav li:has(ul) > a").append(" »"); 
    $j("#nav li > ul > a > span").text(""); 

    $j("#nav li").hover(function(){ 
    $j(this).find("ul:first").stop(true,true).fadeIn('medium'); 
    }, 
    function(){ 
    $j(this).find("ul:first").stop(true,true).fadeOut('medium'); 
    }); 
}); 
+0

它在Firefox中適用於我。你正在使用哪種瀏覽器?嘗試Ctrl + F5清除緩存並下載最新的JS文件。 – Bojangles

+0

faedout只適用於FF中的第一個「加入我們」菜單,而不是Chrome中的 – themerlinproject

+0

嘗試取出stop()並查看它是否有效。可能會失去它的狀態 – themerlinproject

回答

0

您正在加載jQuery 1.6和1.6.2。另外,我不確定是否存在「中等」,請嘗試「緩慢」或以毫秒爲單位的持續時間。從你的CSS

+0

感謝您的快速響應!我會嘗試你的建議... =) –

+0

我拿出了我在標題中的jQuery調用。滑塊插件必須在jQuery 1.6中運行。我也將「中」改爲「慢」。不幸的是它仍然無法正常工作......儘管如此,謝謝! –

+0

僅供參考 - 你說的「medium」不存在,儘管當jQuery沒有得到一個數字或一個可識別的字符串時,它使用了它的默認速度。 https://github.com/jquery/jquery/blob/1.6.2/src/effects.js#L327-328 – RightSaidFred

0

刪除此...

#nav li:hover > ul { 
    display: block; 
} 
0

WDM是正確的,你設置的UI元素display:none在style.css中:

#nav ul { display: none; ... 

Eiter刪除此,並呼籲

$("#nav ul").hide(); 

在你的dropdown.js中。這也將遵循不引人注目的JavaScript方法。

如果你真的想在離開它,那麼你必須調用

$("#nav ul").css('display', 'block').hide(); 
在dropdown.js

。但是,當你的JavaScript被激活時,你的菜單隻能導航。