使用目标链接创建侧边栏下拉菜单时出现问题

时间:2019-03-20 17:04:22

标签: javascript jquery menu

我正在尝试创建一个管理侧边栏菜单.products下有子菜单,我正在使用jQuery进行切换。但是子菜单href =“ URL”不能正常工作。当我单击产品-打开的子菜单时,如果单击子菜单中的任何项,则关闭切换,而不会转到目标页面。您能告诉我我的代码有什么问题吗,我该如何解决?

(function($){
 $(document).ready(function(){
    $("li.test").click(function(){
        $(".admin-menu li").children("ul").slideToggle(400);
        return this.href === window.location.href;
    } );

    }
);

})(jQuery);

<nav class="admin-nav">
                <ul class="admin-menu">
                    <li><a class="active" href="#">Dashboard</a></li>
                    <li class="test"><a href="">Products
                            <i class="fas fa-angle-right"></i>
                            <i class="fas fa-angle-down"></i>
                        </a>
                        <ul class="open">
                            <li><a href="products.php">Produts List</a></li>
                            <li><a href="create-product.php">Add Produts</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>

enter image description here

0 个答案:

没有答案