leftnavigation animation does not fold in correcly

如果你看看：http://www.wearewebstars.dk/frontend/Borneunivers/boerneunivers.html 並開始在左側導航中點擊左右，你會發現有時點擊導航欄中的鏈接時，它會隱藏你來自的鏈接 - 有任何想法嗎？腳本我有，它是：leftnavigation animation does not fold in correcly

//Left navigation Animation 
      $(".left-navigation ul li").hover(function(){ 
       if($(this).hasClass('current')){ 

       } else { 
        $(this).animate({'width': '95%'}, 100, function() { 
         $(this).find("span.nav-text").delay(100).css("display", "inline-block"); 
        }); 
       } 
      }, function(){ 
       if($(this).hasClass('current')){ 

       } else { 
        $(this).animate({'width': '35px'}, 0, function() { 
         $(this).find("span.nav-text").css("display", "none"); 
        }); 
       } 
      });

來源

2013-08-05 nuffsaid

當您單擊新的導航項目而不是懸停時，問題似乎就會發生。請在點擊導航項目時提供相關的代碼片段。 – Gloria

你應該.stop()動畫隊列以中斷附加動畫建立：

http://jsbin.com/oxisal/1/

$(".left-navigation ul li:not(.current)").hover(function(e){ 

    var mEnt = e.type=="mouseenter"; // boolean true/false 

    $(this).stop().animate({width: mEnt?'95%':35}, mEnt?100:0, function() { 
     $(this).find("span.nav-text").css({ 
      display: mEnt? "inline-block" : "none" 
     }); 
    }); 

});

你應該.stop()也點擊

來源

2013-08-05 17:42:57

我認爲他們應該在.click中檢查班級'current' t而不僅僅是在.hover事件中，否則如果你在另一個頁面上去了prev的舊菜單按鈕。頁面保持選中狀態，直到您將其懸停爲止

來源

2013-08-05 17:46:58

leftnavigation animation does not fold in correcly

回答

相關問題