Как ловить события кликов по элементам форм LiveTex с помощью jQuery?

Question

[Никита Данилов]

Добрый день! Клиент попросил для формы livetex на сайте реализовать отправку данных в Цели Яндекс-метрики при клике по некоторым её элементам. Форма подключается JS-скриптоблоком в тело главной страницы, т.е. HTML генерится с помощью JS и ихнего сервера. У LiveTex поддержка целей Яндекса пока что в разработке, поэтому надо самим что-то изобретать. Я узнал div class этих элементов через "Инспектировать элемент" в Мозилле и написал в теле основной страницы сайта скрипты с jQuery, которые ловят клики по этим классам - и далее вызывают yaCounterMMMM.reachGoal('xwidgetZ');

Однако ничего не происходит - jQuery вообще не ловит события, которые генерируются при клике по компонентам livetex'овой формы, несмотря на то что после окончания загрузки страницы это вроде бы такой же полноправный HTML, как и свой родной.

Можно ли что-то сделать?

Comments

[Дмитрий]

Скорее всего вы вешаете обработчик на событие раньше, чем этот HTML появится в DOM структуре документа. Или всё же вы вешаете черее .on() ?

[Никита Данилов]

Я вешаю вот так:
$(document).ready(function() {
$('.lt-xbutton-icons').click(function(){
alert('Клик по LiveTex элементу!');
return true;
});
});

[Никита Данилов]

Т.е. вешаю стандартным для JQuery образом, когда документ будет ready - стало быть, когда он целиком весь прогрузится.

Answer 1

[Алексей Зуев]

Исходя из того, что скрипт livetext подгружается асинхронно, соответственно элементы формы появляются на странице динамически, то целесообразно использовать делегирование событий

$(document).on('click', '.lt-xbutton-icons', function(){
  alert('Клик по LiveTex элементу!');
});

Comments

[Никита Данилов]

Большое спасибо, заработало!

Answer 2

[Stalker_RED]

Вероятно этот LiveTex, чем бы он ни был, прерывает всплытие события используя stopPropagation или preventDefault, а может и каким-то другим способом.
Может получится прицепиться где-то пониже чем их обработчик.

Answer 3

[Никита Данилов]

Исходя из того, что JS выполняется на моей стороне, в браузере - достаточно будет каким-нибудь Firebug поглядеть что в сценариях конечной страницы? Вряд ли хитрые подвохи, что типа они прямо со стороны сервера запрещают всплытие событий у меня тут (вообще такого не представляю!).

Comments

[Алексей Зуев]

киньте ссылку на страницу с livetext

[Никита Данилов]

Я вынес на отдельную тестовую страницу, вот она:
samurai.spb.ru/testm.html

Там справа будет всплывать телефонная трубка (не снизу - нижнюю форму трогать не надо), надо щелкнуть по ней, развернется однострочная форма к которой надо наш обработчик прикрутить (с зеленой телефонной трубкой и зеленой кнопкой отправки).

(Ну а главная страница самого сайта samurai.spb.ru, надо потом на него перенести будет как заработает).

[Алексей Зуев]

NDanilov2015: вы хоть ответить нажимайте, а то я не вижу ваш комментарий. Ну а по поводу тестовой страницы, я не нашел зеленую трубку и не нашел элементов с классом lt-xbutton-icons

[Никита Данилов]

Алексей Зуев: ок, ответить буду. А то сразу заполнял поле внизу и "Отправить" жал.

Как нету трубки?! Я смотрю, всё ясно вижу) Можно ли тут приложить скриншот?

[Алексей Зуев]

NDanilov2015: всплывает Задать вопрос: имя. телефон, сообщение

[Никита Данилов]

Хе, вот щас и вправду пропала... глючит наверное сервис. Как глючить прекратит, сразу напишу (в скайп в том числе)!

[Алексей Зуев]

[Никита Данилов]

Алексей Зуев: Доброе утро. Вот сейчас посмотрите, эта штука оказывается ночью пропадает во внерабочее время! Я увидел "трубку".

[Алексей Зуев]

NDanilov2015: да, трубку, увидел, ответ ниже. У меня работает