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();？

Mouseover是一种方法，而不是属性

我假设该行下方的流浪j只是您在撰写问题时所做的拼写错误，而不是您实际的代码中。

更新

制作Fiddle

实际发生的事情是mouseover事件会在div和img上同时发生。 mouseover上的img事件会返回到div，这会在mouseover上导致另一个img，依此类推。我的浏览器出现错误`Uncaught RangeError：超出最大调用堆栈大小＆＃39;。这可能是你的FF崩溃的原因。

对此的解决方案（尽管理想情况下，我同意其他海报，你应该只使用工具提示插件），就是在mouseover上添加img事件处理程序传播。但是，这仍然无法解决您在儿童图像上获取工具提示的原始需求。

Updated Fiddle

JQuery：在父元素被鼠标移过时显示子元素的鼠标悬停

1 个答案: