Javascript 单击固定顶部菜单后，禁止导航到页面顶部

我最近在做一个新项目，使用了固定顶部菜单。 在顶部的导航菜单中，我有和未编号的内联列表。 我有一个元素是可点击的，在click（）之后，它会显示div中的垂直选项

我不确定这是否只是我犯的css错误，或者我需要添加一些东西来实现这一点，但每次我单击这个

元素时，它都会将我导航到页面顶部，然后显示div的内容

它至少可以工作，但我希望用户对网站上的功能感到满意，所以我不希望click（）函数将我导航到页面顶部，而只是从导航栏中显示与我的固定导航栏对齐的固定

。谢谢你的帮助

**编辑：**我忘了说在使用

show（）函数之后，我可以轻松地在站点上移动显示的div，并且它被固定在应该的位置，但是当我再次单击它以折叠它时，click（）函数将我导航到顶部

代码如下：

HTML:

JS:

---

取消单击，使默认操作（链接后）不会执行

$(".navbar_item_actions").click(function(e){
    e.preventDefault();
    /* rest of code */
});

---

在事件上使用preventDefault

$(".navbar_item_actions").click(function(event){
    var display = $(".actions-dropdown").css('display');
    if(display == 'none'){
        $(".actions-dropdown").show(400);
    } else {
        $(".actions-dropdown").hide(400);
    }
    event.preventDefault();
});

---

现在我意识到我忘了加那个。我想知道怎么了。谢谢你的帮助！谢谢你的帮助，克里斯。我刚刚意识到我忘记添加preventDefault（）。否则谢谢你。我相信举办活动是最好的做法。preventDefault（）；函数打开后的第一个位置，如@epascarello所做。

$(document).ready(function(){
   $(".navbar_item_actions").click(function(){
        var display = $(".actions-dropdown").css('display');
        if(display == 'none'){
            $(".actions-dropdown").show(400);
        } else {
            $(".actions-dropdown").hide(400);
        }
   });
});

$(".navbar_item_actions").click(function(e){
    e.preventDefault();
    /* rest of code */
});

$(".navbar_item_actions").click(function(event){
    var display = $(".actions-dropdown").css('display');
    if(display == 'none'){
        $(".actions-dropdown").show(400);
    } else {
        $(".actions-dropdown").hide(400);
    }
    event.preventDefault();
});