在TopMenu.cshtml(Nopcommerce v3.60)中,我添加了下面给出的下拉菜单代码,它在v3.50中运行良好。现在我已升级到v3.60,此代码不显示下拉菜单,只显示菜单标题。
请指导我解决方案。
<li id="Gen">
<a href="">Gen</a>
<ul id="GenSubMenu" class="dropdown-ul">
<li><a href="@Url.RouteUrl("Topic", new { SeName = Html.GetTopicSeName("HondaCivic") })">@T("Honda Civic")</a></li>
<li><a href="@Url.RouteUrl("Topic", new { SeName = Html.GetTopicSeName("HondaCity") })">@T("Honda City")</a></li>
<li><a href="@Url.RouteUrl("Topic", new { SeName = Html.GetTopicSeName("ToyotaCorolla") })">@T("Toyota Corolla")</a></li>
</ul>
</li>
<style type="text/css">
.top-menu ul.dropdown-ul {
display: none;
position: absolute;
background: #404040;
margin-left: -8px;
}
.top-menu ul.dropdown-ul.active {
display: block;
}
.top-menu ul.dropdown-ul li {
float: none;
margin: 0;
}
</style>
<script type="text/javascript">
$('#Gen').live('mouseenter', function () {
$('#GenSubmenu').addClass('active');
});
$('#Gen').live('mouseleave', function () {
$('#GenUsSubmenu').removeClass('active');
});
</script>