链接在JavaScript下拉菜单中不起作用

我是JavaScript的初学者，不知道如何在这个dd菜单中获得链接。我假设这与javascript函数有关，无论您在何处单击，都会关闭下拉菜单以覆盖链接

HTML

用户设置

JavaScript

$（“#下拉列表”）。在（“单击”上，函数（e）{
e、 预防默认值（）；
if（$（this）.hasClass（“打开”））{
$（此）.removeClass（“打开”）；
$（此）.children（“ul”）.slideUp（“fast”）；
}否则{
$（此）.addClass（“打开”）；
$（此）.children（“ul”）.slideDown（“fast”）；
}
});

发生这种情况是因为您正在使用

e.preventDefault（）

，请将其删除。
当您使用它时，您将停止默认的

a

操作

---

@Conor将其添加到问题中。它在评论中没有什么用处。@RicardoLohmann它在头号好友中@PraveenKumar，当我问它不是时，@Conor，它工作得很好。问题是什么？看看这里的小提琴：我应该显示CSS吗，这可能是问题所在吗？当我点击下拉列表中的链接时，它就关闭了。

<div id="right_box">
    <div id="wrap">
        <div id="dropdown" class="ddmenu"> User Settings 
            <ul> 
                <li><a href="#">Settings</a></li>
                <li><a href="logout.php">Log Out</a></li>
            </ul> 
        </div> 
    </div>  

<script type="text/javascript">
     $("#dropdown").on("click", function(e){
        e.preventDefault();

        if($(this).hasClass("open")) {
            $(this).removeClass("open");
            $(this).children("ul").slideUp("fast");
        } else {
            $(this).addClass("open");
            $(this).children("ul").slideDown("fast");
        }
    });
</script>