0

Ставлю этот код вначале main.js - все скрипты после него перестают работать. А если в конце кода - все скрипты работают. Из-за чего это? Переменные не перекликаются. Данный скрипт рабочий.

var newsbtn = document.querySelector('.news__to-all');
newsbtn.addEventListener('click', function (event) {
  event.preventDefault();
    newsbtn.classList.toggle('news__to-all--show');
});

Уточнение. Этот скрипт ломает только скрипты других html-страниц. Скрипты общей с ним html-страницы работают. На другой html-странице есть такой же скрипт, который так же ламает скрипты всех остальных html-страниц, кроме своей:

var portfBtn = document.querySelector('.portfolio__to-all');
portfBtn.addEventListener('click', function (event) {
  event.preventDefault();
    portfBtn.classList.toggle('portfolio__to-all--show');
});

В отдельных файлах все скрипты рабочие.

2
  • 1
    Такое может быть если в этом коде вылетает ошибка. Скорее всего элемент newsbtn не найдён и вы пытаетесь повесить событие на null 23 сен 2017 в 19:26
  • то есть, newsbtn нету в разметке? Но news__to-all как бы есть в разметке... 24 сен 2017 в 20:22

1 ответ 1

2

Вероятно, в разметке до данного скрипта отсутствуют элементы с классом news__to-all, из-за чего querySelector возвращает null и на addEventListener всё падает.

2
  • во-о-от, правильно. И никакой "битвы экстрасенсов" - ru.stackoverflow.com/questions/720904/…
    – user176262
    23 сен 2017 в 19:34
  • на другой html-странице, естественно отсутствуют. Или мне нужно для каждой страницы свою конкатинацию скриптов делать? 24 сен 2017 в 22:00

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.