Question

我将使用jquery或javascript动态更改<li class="cat">当将鼠标悬停在cat列表上<li class="cat show">时我也使用joomla以便我将noConflict函数考虑在内

<ul> 
  <li class="cat"> <a class="rt" href="" aria-haspopup="true">Motors</a>
    <div class="sub" role="menu"> 
      <ul class="col"> 
        <li class="title">Top categories</li> 
        <li class="icn"> <a href="" aria-haspopup="false">Cars</a></li>
        <li class="icn"> <a href="" aria-haspopup="false">Motorcycles</a></li> 
        <li class="icn"> <a href="" aria-haspopup="false">Parts</a></li> 
    </ul> 
</ul>

请帮帮我:)。

Answer 1

您可以在悬停功能上使用jQuery，请参阅documentation

首先，选择要由悬停功能触发的标签。

悬停函数的第一个参数是handlerIn（当鼠标进入时会发生什么），第二个函数参数是handlerOut（当鼠标再次离开时）。

当鼠标进入时，添加“show”类，但当它再次离开时，删除该类。

$("li.cat").hover(
  function () {
    $(this).addClass("show");
  },
  function () {
    $(this).removeClass("show");
  }
);

这会回答你的问题吗？

Answer 2

首先，你应该至少尝试自己找到它，第二次试试这个：

jQuery(".cat").hover(function(){
    jQuery(this).addClass('show').siblings().removeClass('show');
});

http://jsfiddle.net/wJmBS/

javascript或jquery在悬停后将列表类更改为另一个类名

2 个答案: