Question

我正在使用http://mmenu.frebsite.nl/

中的jQuery菜单插件

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

sub-menu

keep on sending to the main menu

我这样做：

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

如何解决这个问题？工作演示位于www.matchcouriers.com

Answer 1

我已经解决了它，使用了聪明的条件，因为我使用smarty作为模板，需要从mmenu使用的类是mm-seleced

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

Answer 2

默认情况下，mmenu在当前所选项目的当前Selected上使用css类li（注意大写字母S）。

所选菜单背景较暗

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

子菜单面板应保持原样，但选择菜单和页面加载后，主菜单不会显示所选的子菜单面板

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

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

参考文献：

mmenu中的选定菜单永远不会在jQuery插件中激活

2 个答案: