Question

我是jQuery的新手，所以我很感激您提供的任何帮助/建议！

我让这个在jsFiddle中工作：http://jsfiddle.net/cakeeater/LUAtb/10/

基本上，当您将鼠标悬停在图像上时，我只需要图像标题来替换“Hello”文本。

jQuery().ready(function() { 
jQuery("#caption").text('Hello'); });
jQuery('img.gallery').mouseenter(function() { 
   var title = $(this).attr("title");
jQuery("#caption").text(title); });
jQuery('img.gallery').mouseleave(function() { 
jQuery("#caption").text('Hello'); });

然而，当我把它放入网站时，“Hello”文本是唯一有效的功能 - 图像标题在悬停时不显示：http://bit.ly/MNgdUS

我确信可能有更好的方法来编写脚本...我没有在Firebug中看到任何错误，我也尝试在网站上禁用所有其他脚本并获得相同的结果。有任何想法吗？

Answer 1

这应该有效：

$(function() {
    "use strict";
    $("#gallerydescription").text("Hello");
    $("img.team").hover(
        function() {
            $("#gallerydescription").text($(this).attr("alt"));
        },
        function() {
            $("#gallerydescription").text("Goodbye");
        }
    );
});

使用.hover()。

.hover（）方法为mouseenter和mouseleave事件绑定处理程序。您可以使用它在鼠标位于元素中时简单地将行为应用于元素。

致电$(selector).hover(handlerIn, handlerOut)是：
的简写
$(selector).mouseenter(handlerIn).mouseleave(handlerOut);

图像标题在悬停时显示在单独的div中

1 个答案: