Question

我有一个jQuery函数，在悬停时会显示一些图标，我对jQuery很新，不能为我的生活解决为什么它只适用于一个div。

我有多个这个功能需要使用的div。

我的jQuery：

$("#hovercam").mouseenter(function() {
    $('#textfieldlonger').css('margin-top', '200px');
    $('#hovericons').css('display', '');
 });
$("#hovercam").mouseleave(function() {
  $('#textfieldlonger').css('margin-top', '180px');
  $('#hovericons').css('display', 'none');
});

我试过了

$(document).ready(function() {
    .....
});

但这并没有成功。

我所有的Div都是

<div id="hovercam">

非常感谢任何帮助。

Answer 1

修改您的HTML，以便所有div都具有唯一ID和相同的类名。

<div id="hoverCam1" class="hovercam">
</div>

你的jQuery将是

$("#someparentelement").find("div.hovercam").hover(function(){
}, function() {
});

阅读HTML ID attribute和 .hover()

jQuery鼠标悬停功能仅适用于一个div

1 个答案: