我有这个代码,当我将鼠标悬停在它的注释上时会触发鼠标悬停和鼠标悬停,但它没有按预期工作。
$(document).ready(function(){
$("li.description").mouseout(function(){
$(this).prev().find(".design").trigger('mouseout');
});
$("li.description").mouseenter(function(){
$(this).prev().find(".design").trigger('mouseover');
});
});
这是表格结构的一部分:
<li>
<img class="photography" src="PHOTO/boat.jpg" alt="Boat on sea." />
</li>
<li>
<div id="description" class="description">
<p>BOAT</p>
<p>ITALY</p>
</div>
</li>
我的桌子上有很多图片和描述。
有人可以帮助我吗?
答案 0 :(得分:4)
您正在寻找带有“描述”类的<li>
,但您的代码只有该<div>
个类。
此外,您正在寻找上一个<li>
的“设计”类的元素,但没有(您之前的<li>
中的图片已经上课“摄影”)
答案 1 :(得分:0)
你应该做
$(document).ready(function(){
$("li .description").mouseout(function(){
$(this).prev().find(".design").trigger('mouseout');
});
$("li .description").mouseenter(function(){
$(this).prev().find(".design").trigger('mouseover');
});
});