Javascript 鼠标悬停效果仅适用于<；i>；在<；a>；

这是我的HTML：

<div id="cart">
 <a>
  <span></span>
  <i></i>
 </а>
</div>

然后我将

#cart

替换为

#cart a I

---

没有任何成功。

首先，您的HTML编写不正确。

标记需要一个

href=“”

属性，以便与旧浏览器兼容

另外，您的javascript看起来需要一些简单性

$('#code a i').hover(
  function() {
   // ran when onmouseover
  },
  function() {
   // ran when onmouseleave
  }
);

---

现在在上面看到的函数中实现您自己的代码。

首先，您的HTML编写不正确。

标记需要一个

href=“”

属性，以便与旧浏览器兼容

另外，您的javascript看起来需要一些简单性

$('#code a i').hover(
  function() {
   // ran when onmouseover
  },
  function() {
   // ran when onmouseleave
  }
);

---

现在在上面看到的函数中实现您自己的代码。

这是我的ruff逻辑尝试以下操作：

$( "a" )
  .mouseover(function() {
    $( this ).find( "i" ).addClass('active');
  })
  .mouseout(function() {
    $( this ).find( "i" ).removeClass('active');
  });

---

这是我的ruff逻辑试试这个：

$( "a" )
  .mouseover(function() {
    $( this ).find( "i" ).addClass('active');
  })
  .mouseout(function() {
    $( this ).find( "i" ).removeClass('active');
  });

---

我只需删除部件

Journal.isOC2

及其工作状态

$（'#cart a i>.heading a'）.die（'mouseleave'）.die（'mouseover'）.die（'mouseleave'）.die（'click'）；
$（'#cart a i'）.die（'mouseleave'）.die（'mouseover'）.die（'mouseleave'）.die（'click'）；
$（'#cart a i'）.live（'mouseover'，function（）{
if（！$（“#购物车a i”）.hasClass（'active'））{
$（'#cart a i'）.addClass（'active'）；
$（'#cart a i'）.live（'mouseleave'，function（）{
$（this.removeClass（'active'）；
});
}
});
.active{
颜色：红色；
}

Div
锚
跨度
斜体
我只需删除部件
Journal.isOC2
及其工作模式


$（'#cart a i>.heading a'）.die（'mouseleave'）.die（'mouseover'）.die（'mouseleave'）.die（'click'）；
$（'#cart a i'）.die（'mouseleave'）.die（'mouseover'）.die（'mouseleave'）.die（'click'）；
$（'#cart a i'）.live（'mouseover'，function（）{
if（！$（“#购物车a i”）.hasClass（'active'））{
$（'#cart a i'）.addClass（'active'）；
$（'#cart a i'）.live（'mouseleave'，function（）{
$（this.removeClass（'active'）；
});
}
});
.active{
颜色：红色；
}

Div
锚
跨度
斜体

您可以使用div标签css或I标签css使用css

您可以看到下面的鼠标悬停效果示例


.maindivi:悬停{
颜色：红色；
光标：指针；
}
主分区
标签
跨度标签
这是我的标签，试着让我停下来

您可以使用div标签css或I标签css使用css

您可以看到下面的鼠标悬停效果示例


.maindivi:悬停{
颜色：红色；
光标：指针；
}
主分区
标签
跨度标签
这是我的标签，试着让我停下来

$（文档）.ready（函数（）{
$（“i”）.hover（函数（）{
$（this.addClass（'red'））
$（this.mouseleave（function（））{
$（this.removeClass（'red'））
})
})
})
.red{
颜色：红色；
}

这是
跨度
斜体

$（文档）.ready（函数（）{
$（“i”）.hover（函数（）{
$（this.addClass（'red'））
$（this.mouseleave（function（））{
$（this.removeClass（'red'））
})
})
})
.red{
颜色：红色；
}

这是
跨度
斜体
您还可以使用最新的jQuery（2.1.1）将代码简化为以下内容


$（函数（）{
$（'#cart i'）。on（'mouseover mouseleave'，函数（e）{
如果（e.type==“鼠标悬停”）
{
//if（！Journal.isOC2）$（'#cart'）.load（'index.php？route=module/cart#cart>*'）；
}
$（this.toggleClass（'active'）；
})
});

.主动{
颜色：红色；
}
在这里
您还可以使用最新的jQuery（2.1.1）将代码简化为以下内容


$（函数（）{
$（'#cart i'）。on（'mouseover mouseleave'，函数（e）{
如果（e.type==“鼠标悬停”）
{
//if（！Journal.isOC2）$（'#cart'）.load（'index.php？route=module/cart#cart>*'）；
}
$（this.toggleClass（'active'）；
})
});

.主动{
颜色：红色；
}
在这里
好吧，这对我也很有用。现在只有class=“active”。但现在它没有鼠标悬停的效果，也许我需要修改一些.css文件。很抱歉我不是前端开发人员。好吧，这对我也有用。现在只有class=“active”。但现在它没有鼠标悬停的效果，也许我需要修改一些.css文件。很抱歉我不是前端开发人员。