2011-11-15 66 views
0

我在編輯菜單使用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)      
     }); 
    } 
}); 
}); 
+0

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

+0

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

回答

1

突出顯示的菜單項似乎是基於變量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>  

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

+0

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

+0

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

+0

非常感謝! –

0

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