錯誤按鈕中的活動狀態

我在編輯菜單使用JavaScript的網站。我設法讓它工作，但懸停狀態只是顯示在錯誤的地方。錯誤按鈕中的活動狀態

Here is the link.如果你點擊「圖庫」，它是在最後3個菜單項上突出顯示的媒體。請幫助。

下面是JavaScript代碼：

$(document).ready(function(){ 
$('#menu .container').each(function(i){ 
    if(i==0) 
    { 
     var m = 1; 
    } 
    else 
    { 
     var m = 2; 
    } 
    $(this).css('width',((m-1)*$(this).parent('li').height() + $(this).parent('li').width())).css('height',$(this).parent('li').height()).css('margin-left',-(m-1)*$(this).parent('li').height()).css('cursor','pointer'); 

    if(cur_page!=i) 
    { 
     $(this).find('.slide').html('<img src="' + tpl_base + '/images/menu-slide-' + (i+1) + '.png" />').css('top',$(this).parent('li').height()).css('left',-/*m**/($(this).parent('li').height())); 
    } 
    else 
    { 
     $(this).find('.slide').html('<img src="' + tpl_base + '/images/menu-slide-' + (i+1) + '.png" />').css('top','0px').css('left','0px'); 
    } 

    $(this).find('.text').html('<img src="' + tpl_base + '/images/menu-title-' + (i+1) + '.png" />').css('margin-left',(m-1)*$(this).parent('li').height()); 

    switch(i) 
    { 
     case 0: var a = url_base + '/bio'; 
      break; 
     case 1: var a = url_base + '/blog'; 
      break; 
     case 2: var a = url_base + '/gallery'; 
      break; 
     case 3: var a = url_base + '/media'; 
      break; 
     case 4: var a = url_base + '/contact'; 
      break; 
     default: var a = url_base; 
    } 

    $(this).click(function(){ 
     window.location = a;      
    }); 


    var t = $(this).parent('li').height(); 
    if(cur_page!=i) 
    { 
     $(this).hover(function(){ 
      $(this).find('.slide').stop().animate({top:'0px',left:/*-(t*(m-1))*/0 + 'px'}, 200)      
     },function(){ 
      $(this).find('.slide').stop().animate({top:t + 'px',left:-(t/**m*/) + 'px'}, 400)      
     }); 
    } 
}); 
});

來源

2011-11-15 kwek-kwek

如果您點擊Media Contact獲取高亮顯示..檢查您的html代碼，您在菜單項容器上有錯誤的類。媒體有'畫廊'類等 – dfsq

我已經改變了班，但仍然沒有運氣.... –

突出顯示的菜單項似乎是基於變量cur_page在代碼中的某個點處設置不正確;這裏是他們坐在現在的價值：

Home : cur_page = -1 
Bio : cur_page = 0 
Blog : cur_page = 1 
Gallery : cur_page = 3 // Incorrect 
Media : cur_page = 4 // Incorrect

我會檢查，這是設置正確;祝你好運！

編輯：

在庫頁的標題是這樣的：

<script> 
    var url_base = "http://www.ryansemple.com"; 
    var tpl_base = "http://www.ryansemple.com/wp-content/themes/semple2010"; 
    var cur_page = -1; 
    cur_page = 3; 
</script>

它改成這樣：

<script> 
    var url_base = "http://www.ryansemple.com"; 
    var tpl_base = "http://www.ryansemple.com/wp-content/themes/semple2010"; 
    var cur_page = 2; 
</script>

類似的修復應採取剩餘頁面的照顧。

來源

2011-11-15 14:08:59 dSquared

這是奇怪的任何代碼的建議嗎？ –

@ kwek-kwek請看看我的編輯。我希望它有幫助！ – dSquared

非常感謝！ –

什麼是cur_page？我假設它是當前頁面索引，並且在計算上有差異。可能您的索引從0開始，但cur_page從1開始。

來源

2011-11-15 14:08:04 Samich

錯誤按鈕中的活動狀態

回答

相關問題