模拟悬停事件答案

【问题标题】：simulate hover event模拟悬停事件
【发布时间】：2011-09-16 21:51:12
【问题描述】：

我有一个列表，里面有这样的图片和描述：

<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>
<li>

当我将鼠标悬停在描述 div 上时，我想在图片上模拟悬停事件。有人可以帮我解决这个问题吗？

【问题讨论】：

为什么不在 mouseEnter 事件中调用 blur 插件？

标签： javascript jquery html css

【解决方案1】：

$("#description").mouseout(function(){
    $(".photography").css('border','');
});

$("#description").mouseenter(function(){
    $(".photography").css('border','4px solid #333');
});

demo

【讨论】：

Thx 但我需要这样的东西： onClick="$('.jp-pause').click(); 列表很长，我需要它来模拟悬停在前一个元素上.. .
@a13k 我不知道你在看什么
我正在使用一个插件（pixastic）将图像转换为画布并在我将鼠标悬停在它们上时模糊它们变得清晰现在我在每张图像的右侧添加了描述，我需要图片变得清晰当我去那里的描述...

【解决方案2】：

您可以在完整列表周围使用大 div 并使用此悬停事件。

【讨论】：

嗯，我可以，但这并不是那么简单，我需要这个，因为我在我的画廊中使用了一些效果，需要将鼠标悬停在图像上，没有别的......

【解决方案3】：

我不确定您使用的是哪些函数和参数，但这里有一个您可以修改的示例。

$("#description").mouseout(function(){
    $(".photography").pixastic("blurfast", {amount:0.2})
});

$("#description").mouseenter(function(){
    $(".photography").pixastic("revert")
});

【讨论】：

好的，这没关系，但我必须使用摄影类访问前一个元素......所以当我将鼠标悬停在描述上时，它会执行类似 this.prev(".photography")...