未定向頁面（超鏈接）

Question

有人能告訴我爲什麼我的鏈接不能重定向到這個特定頁面嗎？這是我的代碼，我用jQuery的菜單：

<link type="text/css" rel="stylesheet" media="all" href="css/styles.css" /> 
<script src="js/jquery-1.4.1.min.js" type="text/javascript"></script> 
<script src="js/lavalamp.js" type="text/javascript"></script> 
<script> 

$(document).ready(function() { 
var dleft = $('.lavalamp li.active').offset().left - $('.lavalamp').offset().left; 
var dwidth = $('.lavalamp li.active').width() + "px"; 

//apply the current position of active item to our floatr element 
$('.floatr').css({ 
    "left": dleft+"px", 
    "width": dwidth 
}); 

$('.lavalamp li').hover(function(){ 

    var left = $(this).offset().left - ($(this).parents('.lavalamp').offset().left + 15); 
    var width = $(this).width() + "px"; 
    var sictranslate = "translate("+left+"px, 0px)"; 

    $(this).parent('ul').next('div.floatr').css({ 
     "width": width, 
     "-webkit-transform": sictranslate, 
     "-moz-transform": sictranslate 
    }); 

}, 

function(){ 

    var left = $(this).siblings('li.active').offset().left - ($(this).parents('.lavalamp').offset().left + 15); 
    var width = $(this).siblings('li.active').width() + "px"; 

    var sictranslate = "translate("+left+"px, 0px)"; 

    $(this).parent('ul').next('div.floatr').css({ 
     "width": width, 
     "-webkit-transform": sictranslate, 
     "-moz-transform": sictranslate 

    }); 

}).click(function(){ 

    $(this).siblings('li').removeClass('active'); 

    $(this).addClass('active'); 

    return false; 

}); 

}); 
</script> 

---

<p><div class="lavalamp magenta"> 
<ul > 
    <li class="active"> 
    <a href="http://localhost:52731/MCR/HomeUser.aspx">Home</a></li> 
    <li><a href="">Inventory</a></li> 
    <li><a href="">My Reservation</a></li> 
    <li><a href="">My Profile</a></li> 
    <li><a href="">Contact Us</a></li> 
    <li><a href="">Log Out</a></li> 

</ul> 
    <div class="floatr"></div> 
</div></p> 

---

當我點擊主頁，頁面沒有做任何事情。告訴我該怎麼做。 P/s：用超鏈接取代，但仍然相同。

Answer 1

我原以爲JQuery菜單插件正在做一些構成菜單的原始HTML。嘗試檢查元素以確認這一點。

• 什麼是您使用的JQuery插件？
• 你可以在頁面加載後提供HTML嗎？

話，我還可以幫助..

SR

編輯：

我相信你不應該把href網址上的菜單項目本身，而是使用一個簡單的href =「＃」，並確保你給菜單項一個id值。

你可以這樣使用綁定到任何類或元素的ID的單擊事件：

$(".classname,#idofelement").click(function() { 
    // do your stuff 
}); 

有關LavaLamp的教程，請參見本頁面：

http://www.queness.com/post/530/simple-lava-lamp-menu-tutorial-with-jquery

此外，您可以在點擊處理程序中使用此重定向：

window.location.replace("http://stackoverflow.com"); 

你可以找到被點擊單擊處理程序，通過使用類似的東西，元素的類或ID：

if($(this).attr("id") == "myelement") { 
    // redirect here using window.location 
} else { 
    // etc 
} 

希望這有助於！