jQuery mouseenter/mouseleave не работает

Question

Я использую якорный тег с изображением в качестве гиперссылки, и мне бы хотелось, чтобы изображение также изменилось на 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 код на той же странице, работает нормально. Любая помощь приветствуется.

Answer 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'); 

Answer 2

попробовать это удалить единственную цитату из документа.

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