如何解决右侧菜单
该界面来自站点https://positronica.ru/。
有一个菜单
<div class="col-xs-12 col-sm-5 col-md-4 col-lg-3 padding0 menu menu-backdrop">
<div class="panel panel-primary left-menu">
<div class="panel-heading hidden-xs">
<span>
<span>
<button data-toggle="dropdown" data-target="#menu" class="hamburger animated fadeInLeft noclose is-open" type="button">
<span class="hamb-top"></span>
<span class="hamb-middle"></span>
<span class="hamb-bottom"></span>
</button>
</span>
<span><div class="label menu-label" id="myelement">КАТАЛОГ ТОВАРОВ</div></span>
</span>
</div>
<div class="panel-body dropdown open" id="menu">
<ul class="dropdown-menu dropdown-submenu pz_menu">
<li class="dropdown dropdown-submenu" data-sectioncode="pzkitchen">
<a href="https://krasnodar.positronica.ru/catalog/pzkitchen/" class="dropdown-toggle pzkitchen">
Бытовая техника для кухни </a>
<span class="arrow--mobile arrow--right"></span>
<div class="dropdown-menu-left" style="top: -60px; min-height: 799px;">
<div class="dropdown-menu-left__title">
<span class="arrow--mobile arrow--left"></span>
<a href="https://krasnodar.positronica.ru/catalog/pzkitchen/" class="dropdown-menu-left__title_link">
Бытовая техника для кухни </a>
</div>
<ul class="block-text"> <li class="dropdown dropdown-submenu" data-sectioncode="filtry_dlya_vody">
<a href="https://krasnodar.positronica.ru/catalog/filtry_dlya_vody/">Фильтры и кулеры для воды</a>
<span class="arrow--mobile arrow--right"></span>
<ul>
<div class="dropdown-menu-left__title">
<span class="arrow--mobile arrow--left"></span>
<a href="https://krasnodar.positronica.ru/catalog/filtry_dlya_vody/" class="dropdown-menu-left__title_link">
Фильтры и кулеры для воды </a>
</div>
<li data-sectioncode="akvafiltrya">
<a href="https://krasnodar.positronica.ru/catalog/akvafiltrya/">Аквафильтры</a>
</li>
<li data-sectioncode="akvafiltrykart">
<a href="https://krasnodar.positronica.ru/catalog/akvafiltrykart/">Картриджи для аквафильтров</a>
</li>
<li data-sectioncode="kulery_dlya_vody">
<a href="https://krasnodar.positronica.ru/catalog/kulery_dlya_vody/">Кулеры для воды</a>
</li>
<li data-sectioncode="pompy">
<a href="https://krasnodar.positronica.ru/catalog/pompy/">Помпы и аксессуары</a>
</li>
</ul>
</li> <li class="dropdown dropdown-submenu" data-sectioncode="krupnaya_kuhonnaya_tekhnika">
<a href="https://krasnodar.positronica.ru/catalog/krupnaya_kuhonnaya_tekhnika/">Крупная техника для кухни</a>
<span class="arrow--mobile arrow--right"></span>
<ul>
<div class="dropdown-menu-left__title">
<span class="arrow--mobile arrow--left"></span>
<a href="https://krasnodar.positronica.ru/catalog/krupnaya_kuhonnaya_tekhnika/" class="dropdown-menu-left__title_link">
Крупная техника для кухни </a>
</div>
<li data-sectioncode="holodilnik">
<a href="https://krasnodar.positronica.ru/catalog/holodilnik/">Холодильники</a>
</li>
<li data-sectioncode="morozilnye">
<a href="https://krasnodar.positronica.ru/catalog/morozilnye/">Морозильные камеры</a>
</li>
<li data-sectioncode="chest_freezer">
<a href="https://krasnodar.positronica.ru/catalog/chest_freezer/">Морозильные лари</a>
</li>
<li data-sectioncode="plitygazovye">
<a href="https://krasnodar.positronica.ru/catalog/plitygazovye/">Плиты газовые</a>
</li>
<li data-sectioncode="plityelektricheskie">
<a href="https://krasnodar.positronica.ru/catalog/plityelektricheskie/">Плиты электрические</a>
</li>
<li data-sectioncode="nastolnye_plity">
<a href="https://krasnodar.positronica.ru/catalog/nastolnye_plity/">Настольные плиты</a>
</li>
<li data-sectioncode="svchpechi">
<a href="https://krasnodar.positronica.ru/catalog/svchpechi/">Микроволновые печи</a>
</li>
<li data-sectioncode="minipech">
<a href="https://krasnodar.positronica.ru/catalog/minipech/">Мини-печи</a>
</li>
<li data-sectioncode="posudomoechnye">
<a href="https://krasnodar.positronica.ru/catalog/posudomoechnye/">Посудомоечные машины</a>
</li>
</ul>
</li> <li class="dropdown dropdown-submenu" data-sectioncode="kuhonnaya_tekhnika">
<a href="https://krasnodar.positronica.ru/catalog/kuhonnaya_tekhnika/">Мелкая техника для кухни</a>
<span class="arrow--mobile arrow--right"></span>
<ul>
<div class="dropdown-menu-left__title">
<span class="arrow--mobile arrow--left"></span>
<a href="https://krasnodar.positronica.ru/catalog/kuhonnaya_tekhnika/" class="dropdown-menu-left__title_link">
Мелкая техника для кухни </a>
</div>
<li data-sectioncode="chajniki_el">
<a href="https://krasnodar.positronica.ru/catalog/chajniki_el/">Чайники электрические</a>
</li>
<li data-sectioncode="termopoty">
<a href="https://krasnodar.positronica.ru/catalog/termopoty/">Термопоты</a>
</li>
<li data-sectioncode="aerogrili">
<a href="https://krasnodar.positronica.ru/catalog/aerogrili/">Аэрогрили</a>
</li>
<li data-sectioncode="blendery">
<a href="https://krasnodar.positronica.ru/catalog/blendery/">Блендеры</a>
</li>
<li data-sectioncode="crepes">
<a href="https://krasnodar.positronica.ru/catalog/crepes/">Блинницы</a>
</li>
<li data-sectioncode="vakuumnye_upakovshchiki">
<a href="https://krasnodar.positronica.ru/catalog/vakuumnye_upakovshchiki/">Вакуумные упаковщики</a>
</li>
<li data-sectioncode="distiller">
<a href="https://krasnodar.positronica.ru/catalog/distiller/">Дистилляторы</a>
</li>
<li data-sectioncode="electrogrili">
<a href="https://krasnodar.positronica.ru/catalog/electrogrili/">Электрогрили</a>
</li>
<li data-sectioncode="shreder_c">
<a href="https://krasnodar.positronica.ru/catalog/shreder_c/">Измельчители</a>
</li>
<li data-sectioncode="iogurtnica">
<a href="https://krasnodar.positronica.ru/catalog/iogurtnica/">Йогуртницы</a>
</li>
<li data-sectioncode="kuhonvesi">
<a href="https://krasnodar.positronica.ru/catalog/kuhonvesi/">Кухонные весы</a>
</li>
<li data-sectioncode="kombajny">
<a href="https://krasnodar.positronica.ru/catalog/kombajny/">Кухонные комбайны</a>
</li>
<li data-sectioncode="kitchen_m">
<a href="https://krasnodar.positronica.ru/catalog/kitchen_m/">Кухонные машины</a>
</li>
<li data-sectioncode="lomterezki">
<a href="https://krasnodar.positronica.ru/catalog/lomterezki/">Ломтерезки</a>
</li>
<li data-sectioncode="miksery">
<a href="https://krasnodar.positronica.ru/catalog/miksery/">Миксеры</a>
</li>
<li data-sectioncode="multivarki">
<a href="https://krasnodar.positronica.ru/catalog/multivarki/">Мультиварки</a>
</li>
<li data-sectioncode="myasorubki">
<a href="https://krasnodar.positronica.ru/catalog/myasorubki/">Мясорубки</a>
</li>
<li data-sectioncode="parovarki">
<a
选定的菜单项li
必须将类dropdown-submenu--open
添加到类列表中,方法是添加右侧菜单ul .block-text
(ul
是作为侧面菜单的项目列表)。所以我写了下面的脚本
$(document).ready(function() {
alert("TestCheckConnect");
$('ul .block-text').closest('.dropdown-submenu').each((function(elem) {
elem.addEventListener("mouseenter",elem.classList.add("dropdown-submenu--open"));
elem.addEventListener("mouseleave",elem.classList.remove("dropdown-submenu--open"))
}
)
)
}
)
但是它不起作用-将鼠标指针悬停在li菜单项上时,不会出现下拉右窗口。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。