Javascript 在mmenu的jQuery插件中，所选菜单从不处于活动状态

我正在使用来自的jQuery菜单插件

一切正常，但当我选择子菜单时，它从不显示活动状态。页面加载后，它会继续发送到主页。有关更多信息，请参见屏幕截图

我正在这样做：

<div id="menu">
    <ul class="listview-icons">
        <li>
            <a>
                <form method="post" action="{$site_url}/tracking.html" name="trak_now_homepage" id="trak_now_homepage">
                    <div class="form-group texttransform">
                        <input type="text" class="form-control" id="shipment_track_num" name="track_num" placeholder="Enter the booking ID">
                        <span id="shipment_alert" class="alert" style="color:#CF0"></span>
                        <BR />
                        <input name="news_go" type="submit" value="Track now" class="com_buton" id="send" onclick="return valid_shipment_tracking_form(document.trak_now_homepage);" />
                    </div>
                </form>
            </a>
        </li>
        <li><a href="{$site_url}"><i class="fa fa-home"></i> &nbsp; HOME</a></li>
        <li>
            <span><i class="fa fa-file-text-o"></i> &nbsp; SEND</span>
            <ul>
                <li><a href="{$site_url}/send_document.html"><i class="fa fa-file-text-o"></i> &nbsp;DOCUMENTS</a></li>
            </ul>
        </li>
        <li>
            <span><i class="fa fa-plane"></i> &nbsp; SERVICES</span>
            <ul>
                <li><a href="{$site_url}/sameday.html"><i class="fa fa-map-marker"></i> &nbsp;SAME DAY DELIVERY</a></li>
            </ul>
        </li>
        <li>
            <span><i class="fa fa-user"></i> &nbsp; ABOUT US</span>
            <ul>
                <li><a href="{$site_url}/about_us.html"><i class="fa fa-info-circle"></i> &nbsp; ABOUT US</a></li>
                <li><a href="{$site_url}/faq.html"><i class="fa fa-info-circle"></i> &nbsp;FAQ</a></li>
                <li><a href="{$site_url}/how.html"><i class="fa fa-info-circle"></i> &nbsp;HOW IT WORKS</a></li>
                <li><a href="{$site_url}/advice.html"><i class="fa fa-info-circle"></i> &nbsp;PACKAGING ADVICE</a></li>
                <li><a href="{$site_url}/reviews.html"><i class="fa fa-info-circle"></i> &nbsp;REVIEWS</a></li>
                <li><a href="{$site_url}/terms.html"><i class="fa fa-info-circle"></i> &nbsp; TERMS</a></li>
                <li><a href="{$site_url}/policy.html"><i class="fa fa-info-circle"></i> &nbsp; POLICIES</a></li>
                <li><a href="{$site_url}/volume_calculator.html"><i class="fa fa-info-circle"></i> &nbsp; VOLUME CALCULATOR</a></li>
            </ul>
        </li>
        <li><a href="{$site_url}/contact_us.html"><i class="fa fa-phone"></i> &nbsp;CONTACT US</a></li>
        <li><a href="{$site_url}/my_cart_details.html"><i class="fa fa-fw fa-shopping-cart"></i>ITEMS</font></a></li>
        <li><a href="{$site_url}/my_account.html"><i class="fa fa-fw fa-user"></i> my account</a></li>
    </ul>
</div>

发送





服务





关于我们

---

如何解决这个问题？默认情况下，工作演示位于

，mmenu使用当前所选项目的当前

li上的css类
（注意大写字母S）

所选菜单具有深色背景

您必须定义自己的
li。选择
样式，我认为您没有这样做

子菜单面板应保持原样，但在选择“菜单”和“页面加载”后，所选子菜单面板上不会出现主菜单

这实际上不是自动的。您需要在页面上的相关
li
中添加
Selected
类。例如，在“关于我们”页面中，您可以执行以下操作：

<li class="Selected"><a href="/about_us.html"><i class="fa fa-info-circle"></i> &nbsp; ABOUT US</a></li>



参考资料：




我已经解决了这个问题，使用smarty条件，因为我使用smarty作为模板，需要从mmenu使用的类是mm选择的

<li class="mm-selected"><a href="http://match.local"><i class="fa fa-home"></i> &nbsp; HOME</a></li>


你能提供一个能显示你的问题的工作演示吗？在我这方面似乎工作正常，但菜单与你在屏幕截图中提供的菜单不匹配。编辑：嗯，好的，它是有响应的。@OzgurBar帮我解决这个问题。如您所见，所选状态从未显示。预期的行为是什么？所选菜单项应改变颜色？@alan0xd7是的，应该有两件事，第一个选择的菜单有深色背景，子菜单面板也应保持原样，但在选择菜单和页面加载后，主菜单在所选子菜单面板上不显示