Я изо всех сил пытаюсь отредактировать элементы DOM моих страниц

#javascript #jquery

Вопрос:

Как я могу отладить сторонний плагин JavaScript.

Я использую плагин под названием content timeline, который использовал JavaScript для отображения сообщений.

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

Пробовал это:

 $("h4.t_line_month").addClass('example');

Однако, если я добавлю

 console.log("the script works");

Я вижу сообщение в консоли.

К сожалению, я ничего особенного не могу сказать, кроме того факта, что по какой-то причине я не могу получить доступ к элементам плагина. Есть ли способы, которые я использую для отладки этого? возможно, какое-то правило установлено в WordPress или в самом плагине.

Понятия не имею, как это отладить.

1. Это кажется базовым синтаксисом jQuery для добавления класса в element, какое это имеет отношение к используемому вами плагину? Добавляется ли класс или нет? Также вопрос действительно расплывчатый «ничего не работает ни с одним элементом», что это значит?

2. @Esko Я предполагаю, что это связано с плагином, потому что я могу добавить класс к любым другим элементам сайта, которые не имеют ничего общего с тем же плагином

3. Просто предположение: возможно, плагины загружают содержимое динамически, поэтому элемент h4.t_line_month отсутствует в момент, когда вы пытаетесь запросить его, или не имеет класса ‘t_line_month’ в этот самый момент.

4. OP, это тот плагин, который вы используете? codecanyon.net/item/content-timeline-jqueryhtml5css3-plugin/… Вам следует добавить ссылку на плагин к вашему вопросу, чтобы предоставить дополнительную информацию.

5. Я подумал об этом и добавил свой код в settimeout, который дает 5 секунд на выполнение кода …. но по-прежнему безуспешно. Я также использовал esprima.org дважды проверить синтаксические ошибки, и, похоже, все в порядке

Ответ №1:

Попробуйте использовать функцию jQyery each (), чтобы обработать все теги h4 на вашей странице, чтобы увидеть, есть ли они вообще.

 $('.testimonial').each(function(){
    console.log($(this).html()); // debug to see which is which
});

Также, если используемый вами плагин WP создает iFrame … это может быть причиной того, что вы не можете напрямую получить доступ к нужному вам элементу.