jQuery mouseenter / mouseleave不起作用

时间:2014-01-04 09:03:58

标签: jquery html mouseenter

我正在使用带有图像作为超链接的锚标签,我希望图像也可以在mouseover / mouseleave上更改。超链接工作但鼠标/图像更改位不起作用。

这是jQuery代码:

jQuery('document').on({
  mouseenter: function() {
    jQuery(this).find('img').attr('src','/templates/beez_20/images/e2tw/check_cross_hilite.png');
  },
  mouseleave: function() {
    jQuery(this).find('img').attr('src','/templates/beez_20/images/e2tw/check_cross_trans.png');
  }
}, 'p#title');

令我惊讶的是,同一页面上非常相似的jQuery代码正常运行。任何帮助将不胜感激。

2 个答案:

答案 0 :(得分:1)

它应该是jQuery(document)而不是jQuery('document'),因为'document'指的是一个元素选择器,它会查找标记名为document的元素<document>...</document>

jQuery(document).on({
  mouseenter: function() {
    jQuery(this).find('img').attr('src','/templates/beez_20/images/e2tw/check_cross_hilite.png');
  },
  mouseleave: function() {
    jQuery(this).find('img').attr('src','/templates/beez_20/images/e2tw/check_cross_trans.png');
  }
}, 'p#title');

答案 1 :(得分:0)

尝试从文档中删除单引号。

jQuery(document).on({
  mouseenter: function() {
    jQuery(this).find('img').attr('src','/templates/beez_20/images/e2tw/check_cross_hilite.png');
  },
  mouseleave: function() {
    jQuery(this).find('img').attr('src','/templates/beez_20/images/e2tw/check_cross_trans.png');
  }
}, 'p#title');

.ready()