jQuery的鼠標懸停功能只適用於一個div

我有一個jQuery函數，懸停時會顯示一些圖標，我對jQuery非常新，不能爲我的生活工作出爲什麼它只能在一個div上工作。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">

任何幫助深表感謝。

來源

2015-12-13 Adam

你說的「它只能在一個格。」是什麼意思？它應該，因爲一個元素的id必須是唯一的。改用類。 – dsdenes

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

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

而且你的jQuery將是

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

閱讀HTML ID attribute和 .hover()

來源

2015-12-13 19:50:22 rahul

謝謝!!!!!! – Adam

jQuery的鼠標懸停功能只適用於一個div

回答

相關問題