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>

当我点击Home时，页面没有做任何事情。告诉我该怎么办。 P / s：替换为超链接，但仍然相同。

Answer 1

我原以为JQuery菜单插件正在用构成菜单的原始HTML做一些事情。尝试检查元素以确认这一点。

您使用的是什么JQuery插件？
您可以在页面加载后提供HTML吗？

然后我可以进一步帮助..

SR

修改

我相信你不应该把HREF URL放在菜单项本身上，而是使用简单的href =“＃”并确保你给菜单项一个id值。

然后，您将使用以下命令绑定到元素的类或id的click事件：

$(".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 }

希望这有帮助！

页面未定向（超链接）

1 个答案: