Элемент, отображаемый как ноль при загрузке страницы

Я пытаюсь прикрепить функцию наведения к динамическому идентификатору div, который генерируется скриптом (используя Smooch API). Функция не работает, даже когда я запускаю ее в своей консоли после того, как все было загружено.

Я пытался сделать:

$(document).on("mouseenter", "#messenger-button", function() {
    alert("hey")
});

и я продолжаю получать эту ошибку: Uncaught TypeError: Cannot read property 'on' of undefined

HTML-код, который создается после запуска API Smooch, выглядит следующим образом:

<iframe>
 <html>
   <div id="messenger-button" style="background-color: rgb(10, 74, 119);>
 </html>
</iframe>

Нет функции, которая позволяла бы мне добавлять класс, изменять CSS или делать что-либо, чтобы изменить свойства для div в сгенерированном iframe. Может кто-нибудь, кто использовал Smooch API, сказать мне, как я могу добавить состояние наведения на кнопку генерируемого мессенджера?

Источник

1 ответ

Вам нужно будет выбрать iframe, получить его содержимое и изменить элементы оттуда, смотрите.

$(document).ready(function(){
    var iFrameDOM = $("iframe").contents();

    iFrameDOM.find("#messenger-button").addClass("new-messenger");
});
Источник
Другие вопросы по тегам