JQuery：当父元素鼠标悬停时显示子元素的鼠标悬停

Question

当我将鼠标悬停在父元素上时，如何将鼠标悬停在 img 元素上 [以便显示 ALT 属性]？

例子：

<script type="text/javascript">
jQuery(document).ready(function(){
    jQuery('div.dorp').mouseover(function(){
        jQuery(this).find("img").mouseover();
    }).mouseout(function(){
        jQuery(this).find("img").mouseout();
    })
});
</script>

这段代码使我的firefox webbrowser崩溃，我需要找到一种方法来触发img的alt属性，当我将鼠标悬停在比图像大得多的图像容器上时。

Answer 1

不应该吗

jQuery(this).find("img").mouseover();?

鼠标悬停是一种方法，而不是属性

我假设该行下方的流浪 j 只是您在编写问题时犯的错字，而不是在您的实际代码中。

更新：

发了Fiddle

实际发生的是mouseover 事件同时在div 和img 上触发。 img 上的 mouseover 事件冒泡返回到 div，这会导致 img 上的另一个 mouseover 等无限循环。我的浏览器给出错误“未捕获的 RangeError：超出最大调用堆栈大小”。这可能是你的 FF 崩溃的原因。

对此的解决方案（虽然理想情况下，我同意其他海报，因为您应该只使用工具提示插件）是在 img 上添加一个 mouseover 事件处理程序也停止传播。但是，这仍然不能解决您最初需要在子图像上获取工具提示的问题。

Updated Fiddle