Почему JQuery срабатывает только после перезагрузки?

Question

[hsnz]

Коллеги, добрый день.
Помогите решить один момент.
У меня стоит обычный аккордеон на сайте. Но факт в том, что он срабатывает только если я обновляю страницу

var $title = $('.js-title');
var copy   = '.js-copy';

$title.click(function () {
  $(this).next(copy).slideToggle();
  $(this).parent().siblings().children().next().slideUp();
  return false;
});

Comments

[Евгений]

Когда инициализируется этот скрипт? После загрузки контента или до?

[hsnz]

Скрипт стоит самый последний из ряда:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="assets/scripts/jquery-3.2.1.min.js"><\/script>')</script>
    <script src="js/vendors.js"></script>
    <script src="js/app.js"></script>
    <script src="js/accordion.js"></script>

[ned4ded]

hsnz

Добрый день! Попробуйте запускать свой код на нативном, если jQuery не прогружается с гугл cdn:

document.addEventListener("DOMContentLoaded", function(event) {})

Answer 1

[Павел Корнилов]

Попробуйте так:

$(function() {
var $title = $('.js-title');
var copy   = '.js-copy';

$title.click(function () {
  $(this).next(copy).slideToggle();
  $(this).parent().siblings().children().next().slideUp();
  return false;
});
})

Comments

[hsnz]

KorniloFF не помогло

[Павел Корнилов]

hsnz, тогда ссылку на рабочий пример.

Answer 2

[Виктор П.]

Потому что скрипт отрабатывает раньше, чем html элемент появляется на странице. Либо поместите этот код в онлоад, аналогом служит обёртка $( ваш код ), либо вместо .click используйте .live

Answer 3

[Ирина]

Виктор П. уже правильно ответил.

или можно

$(document).on('click', '.js-title', function () {
  $(this).next(copy).slideToggle();
  $(this).parent().siblings().children().next().slideUp();
  return false;
});

Comments

[hsnz]

Ирина спасибо за помощь, но это ситуацию не решает.
Данный код совсем отказывается работать.

[Ирина]

hsnz, так надо отладкой заниматься
1) в firefox в консоли проверить, что на нужные вам элементы .js-title событие вообще вешается (в консоли в элементах после закрывающего тега пишутся, какие js события на текущий элемент повешаны) - https://prnt.sc/jroxdg
2) проверить, правильно лы вы перемещаетесь по дом.
меня немного смущает "children().next()." - в плане чилдрен+некст. посмотрите в консоли, что на самом деле в этот момент выбирается, может совсем не то, что вы рассчитываете

[hsnz]

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