我正在使用带有图像作为超链接的锚标签,我希望图像也可以在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代码正常运行。任何帮助将不胜感激。
答案 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');