未定向页面（超链接）

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 
} 

希望这有助于！