el.hasClass в JS

Dram · 2019-09-02T07:16:34.0000000Z

Есть такой код jQuery(document).ready(function(){ setTimeout(function(){ jQuery(document).on("click", ".quest", function(e){ var el = jQuery('#questdiv'); if(!el.html()){ if(el.hasClass('moscow'))el.html('<span>инфа №0</span>'); else if(el.hasClass('spb'))el.html('<span>инфа №1</span>'); else if(el.hasClass('goroda'))el.html('<span>инфа №2</span>'); //это я сейчас пытаюсь добавить. else el.html('<span>инфа №3</span>'); } if(el.css Он отвечает за работу вопросика на сайте, по которому кликают юзеры и им открывает окошечко с инфой. Теперь возникла необходимость показывать не некоторых страницах два таких вопросика (раньше он на странице был всегда один). В пхп вопросик прописан так <span class="quest">?</span> <div class="questdiv moscow" id="questdiv"></div> <div class="clickme" id="clickme"></div> Ну и решил я по аналогии добавить еще один вопросик. В пхп на нужных страницах прописал <span class="quest">?</span> <div class="questdiv goroda" id="questdiv"></div> <div class="clickme" id="clickme"></div> а в JS добавил строку else if(el.hasClass('goroda'))el.html('<span>инфа №2</span>'); В итоге на страницах где два вопросика при клике по вопросику инфа потягивается из первого else if (того что я добавил, а else el.html('<span>инфа №3</span>'); работать перестал. При клике по второму вопросику показывается то же что и при клике по первому. На страницах где один вопросик с вариантом текста №3 - все работает нормально. Где я ошибся? Я так думаю потому что у двух вопросиков одинаковый var el = jQuery('#questdiv'); ?

Gerga

2 сентября 2019, 09:46

#11

Dram, пожалуйста :)

1114

Dram

2 сентября 2019, 10:32

#12

Gerga, чем можно заменить строку выделенную жирным в вашем коде?

if (!$questdiv.length) {
$questdiv = $('<div />', {
class: 'questdiv',
html : '<span>' + getAnswer($this.data('query')) + '</span>',
});

Она конфликтует с плагином который сжимает JS

---------- Добавлено 02.09.2019 в 13:35 ----------

Gerga, спс, подсказал в личке - это решило проблему

'class': 'questdiv',

Плагин AMP for WordPress Инфографика: 9 самых частых Ускорение сайтов на WordPress

Переиграть и победить: как анализировать конкурентов для продвижения сайта

В 2023 году Одноклассники пресекли более 9 млн подозрительных входов в учетные записи

el.hasClass в JS