jquery下拉移动菜单链接无法正常工作

时间:2014-04-04 20:25:23

标签: jquery html css3

我的下拉菜单链接项无法点击,每当我点击它们时,菜单就会关闭到原始位置并且没有任何变化。

http://fiddle.jshell.net/g6jjL/1/这是我的小提琴

编辑:它应该关闭,但是将我发送到我点击的链接。

1 个答案:

答案 0 :(得分:0)

你的下拉行为正如你在JS中所写的那样工作

将您的代码更改为此代码,只需单击“菜单”字词,您的下拉菜单就会滑动切换。

$(document).ready(function(){

    $('#nav-mobile ul').hide();
    $('#nav-mobile > a').click(function(e) {
        e.preventDefault();
        $('#nav-mobile ul').slideToggle();
    });
});

如果此行为正常,则应考虑您正在覆盖锚标记的行为。

将此添加到您的代码中,您将被重定向到您想要的链接。

$('#nav-mobile ul li a').click(function () {
    window.location = $(this).attr('href');
});