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

Question

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

0

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

RoyS 04 янв. 2014, в 10:15

Источник

Теги:

jquery

html

mouseenter

2 ответа

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

.готов()

santosh singh 04 янв. 2014, в 06:54

0

Так очевидно, когда на это указывают :). Спасибо всем.
RoyS 04 янв. 2014, в 09:21

Ещё вопросы

Так очевидно, когда на это указывают :). Спасибо всем.

Arun P Johny · Accepted Answer · 2014-01-04T07-36-00.000Z

он должен быть 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');

Также убедитесь, что DOM готов к этому, если <img> был добавлен динамически.