Question

我的WooCommerce商店中的类别菜单（侧边栏的官方wooocommerce小部件）出现问题。默认情况下，必须通过单击箭头来打开类别。

我在其他商店中看到过，它们可能只是通过用jQuery悬停在类别名称上来打开。

有人可以帮助我吗？鼠标经过时，css类“ opened”将添加到<li class="cat-item">

<ul class="product-categories">

<li class="cat-item cat-item-122 cat-parent"><div class="open-this"><i class="fa fa-angle-down"></i></div><a href="#">Tarjetas Video</a><ul class="children">
  <li class="cat-item cat-item-125"><a href="#">Tarjetas Video AMD</a></li>
  <li class="cat-item cat-item-124"><a href="#">Tarjetas Video NVIDIA</a></li>
  </ul>
</li>
<li class="cat-item cat-item-166 cat-parent"><div class="open-this"><i class="fa fa-angle-down"></i></div><a href="#">Video Proyectores</a><ul class="children">
<li class="cat-item cat-item-171"><a href="#">Accesorios Proyector</a></li>
<li class="cat-item cat-item-169"><a href="#">Lampara de Proyector</a></li>
<li class="cat-item cat-item-167"><a href="#">Proyectores</a></li>
<li class="cat-item cat-item-170"><a href="#">Soportes de Proyector</a></li>
<li class="cat-item cat-item-168"><a href="#">Telones</a></li>
</ul>
</li>

</ul>

我的想法（但对我不起作用）

<script>
$('.cat-item').hover(
       function(){ $(this).addClass('opened') },
       function(){ $(this).removeClass('opened') }
)
</script>

将鼠标悬停在woocommerce侧栏小部件上时显示类别

0 个答案: