0

有人能告诉我为什么我的链接无法重定向到这个特定页面吗？这是我的代码，我使用了 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 : 换成超链接，还是一样。

4

1 回答 1

0

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

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

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

SR

编辑：

我相信您不应该将 HREF URL 放在菜单项本身上，而应使用简单的 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
}

希望这可以帮助！

于 2012-09-10T16:20:26.933 回答