Javascript 如何在单击子li元素时保持父li打开

Javascript 如何在单击子li元素时保持父li打开,javascript,html,Javascript,Html,如果您使用php渲染并在菜单项上单击“页面刷新”,您可以将类例如“active”添加到父li,并在样式中添加li.active{display:block}或类似样式以显示隐藏元素最后,我同意laravel routes的条件 显示您的代码和最小示例您尝试了什么?向你表示感谢。。我知道。。。但当前的问题是,当我单击子li标记时,父li将自动关闭。。我希望它在我点击儿童时仍然打开。。。我需要使用一些js吗?是的,我想,你应该在“dropdownmenu.js”文件中找到click事件,然后更改它。

如果您使用php渲染并在菜单项上单击“页面刷新”,您可以将类例如“active”添加到父li,并在样式中添加
li.active{display:block}
或类似样式以显示隐藏元素

最后,我同意laravel routes的条件


显示您的代码和最小示例您尝试了什么?向你表示感谢。。我知道。。。但当前的问题是,当我单击子li标记时,父li将自动关闭。。我希望它在我点击儿童时仍然打开。。。我需要使用一些js吗?是的,我想,你应该在“dropdownmenu.js”文件中找到click事件,然后更改它。
<li>
    <a href="#">
        <i class="entypo-tools"></i>
        <span class="title">PHP-SDK</span>
        <span class="badge badge-secondary">3</span>
    </a>
    <ul>
        <li class="dropdown-submenu">
            <a href="/mypage_v2/sdk/installation">
                <i class="entypo-inbox"></i>
                <span class="title">Installation</span>
            </a>
        </li>
        <li class="dropdown-submenu">
            <a href="/mypage_v2/sdk/getStarted">
                <i class="entypo-docs"></i>
                <span class="title">Getting Started</span>
            </a>
        </li>
        <li>
            <a href="#">
                <i class="entypo-flash"></i>
                <span class="title">API-Endpoints</span>
                <span class="badge badge-info">3</span>
            </a>
            <ul>
                <li>
                    <a href="#">
                        <i class="entypo-newspaper"></i>
                        <span class="title">sample1</span>
                        <span class="badge badge-success">4</span>
                    </a>
                    <ul>
                        <li>
                            <a href="/mypage_v2/sdk/newsletter">
                                <i class="entypo-newspaper"></i>
                                <span class="title">sample1</span>
                            </a>
                        </li>
                        <li>
                            <a href="/mypage_v2/sdk/newsletterEmail">
                                <i class="entypo-newspaper"></i>
                                <span class="title">sample2</span>
                            </a>
                        </li>
                        <li>
                            <a href="/mypage_v2/sdk/newsletteranalytics">
                                <i class="entypo-newspaper"></i>
                                <span class="title">sample2</span>
                            </a>
                        </li>
                        <li>
                            <a href="/mypage_v2/sdk/sample2">
                                <i class="entypo-newspaper"></i>
                                <span class="title">NewslettersProcess</span>
                            </a>
                        </li>
                    </ul>
                </li>

            </ul>
        </li>
    </ul>
</li>