当我们单击所有位置时，下拉菜单关闭

Dropdown Menu closed when we click all place

本文关键字：下拉菜单位置我们单击更新时间：2023-09-26

我的下拉菜单中有以下脚本：

<script type="text/javascript">
jQuery(window).load(function() {
    $("#nav > li > a").click(function () { // binding onclick
        if ($(this).parent().hasClass('selected')) {
            $("#nav .selected div div").slideUp(100); // hiding popups
            $("#nav .selected").removeClass("selected");
        } else {
            $("#nav .selected div div").slideUp(100); // hiding popups
            $("#nav .selected").removeClass("selected");
            if ($(this).next(".subs").length) {
                $(this).parent().addClass("selected"); // display popup
                $(this).next(".subs").children().slideDown(200);
            }
        }
    }); 
});
</script>

.HTML

<div class="menu">
<span>
    <ul id="nav">
        <li><a href="#">Produk Teknik <i class='icons icon-right-dir'></i></a>
            <div class="subs">
                <div class="wrp3">
                    <ul>
                        <li><h3>Manometer</h3>
                            <ul>
                               <li><a href='#'>tes</a>
                                    <ul>
                                        <li><a href='#' class='anak'>tes-1</a></li>
                                    </ul>
                                </li>
                                <li><br /></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </li>
    </ul>
</span>

我需要更改该脚本，以便当我们单击所有位置时，下拉菜单将自动关闭。谢谢

你可以看到我的项目示例 http://www.tokobesi.co.id/beta/

我想这就是你的意思伙计。试试这个..:)

$(document).click(function(e){
    if( $(e.target).closest(".menu").length > 0 ) {
        return false;
    }else{
        $("#nav .selected").removeClass("selected");
    }
});