0

试图做到这一点（适用于第一页）：

$(".text").not(".active a").hover(function(){

适用于 ajaxify 加载的元素。

试过：

 $(document).on("hover",".text:not(.active a)",function(){

不工作。

我错过了什么吗？

编辑 让我补充一点，结构如下：

 <ul id="static-bar" class="nav navbar-nav navbar-right">
   <li class="active">
     <div data-hoverLeft="home" class="active-tail-top tail-and-point"></div>
     <div data-hoverLeft="home" class="active-tail-bottom tail-and-point"></div>
     <a id="home" class="text" href="index.html">HOME</a>
     <div data-hoverRight="home" class="active-point-top tail-and-point"></div>
     <div data-hoverRight="home" class="active-point-bottom tail-and-point"></div>
   </li>
   <li>
     <div data-hoverLeft="whatWeDo" class="tail-top-gray tail-and-point"></div>
     <div data-hoverLeft="whatWeDo" class="tail-bottom-gray tail-and-point"></div>
     <a id="whatWeDo" class="text" href="what-we-do.html">WHAT WE DO</a>
     <div data-hoverRight="whatWeDo" class="point-top-gray tail-and-point"></div>
     <div data-hoverRight="whatWeDo" class="point-bottom-gray tail-and-point"></div
   </li>
 </ul>

需要注意的重要事项是，当我在该特定页面上时，我应用了活动类。无论如何，每个链接都会使用一些 CSS 边框技巧获得一个尾部和一个点，并且div当您将鼠标悬停在a标签上时，兄弟 s 的边框颜色会发生变化。当我使用该方法时，此悬停效果在第一页后不起作用$.hover()，而在我使用$.on().

4

2 回答 2

1

尝试使用：

$(document).on("hover",".text:not(.active) a",function(){

根据您添加的 HTML 标记，您需要选择任何带有 classtext的锚点，该锚点位于<li>没有 class的内部active：

$(document).on("mouseover","li:not(.active) a.text",function(){
    $(this).addClass('red');
}).on('mouseout', "li:not(.active) a.text",function(){
    $(this).removeClass('red');
});

小提琴演示

于 2014-03-26T16:37:10.483 回答
0

试试这个：

$(document).on("mouseover","li:not(.active) a.text",function(){
  // your code goes here
});
于 2014-03-26T16:37:01.673 回答