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

Question

Я использую тег привязки с изображением в качестве гиперссылки, и я хотел бы, чтобы изображение также менялось при наведении курсора мыши / отпускании мыши. Гиперссылка работает, но бит изменения мыши / изображения не работает.

Вот код 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');

.готовы()