链接无法在JavaScript下拉菜单中使用

时间:2012-12-19 03:52:18

标签: javascript css

我是JavaScript的初学者,无法弄清楚如何在此dd菜单中使用链接。我假设它与关闭下拉菜单的javascript函数有关,只要你点击覆盖链接。

HTML

<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>  

的JavaScript

<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>

1 个答案:

答案 0 :(得分:3)

之所以发生这种情况,是因为您正在使用e.preventDefault(),请将其删除 使用它时,您可以停止默认的a操作。

demo