0

Есть страница view, код которой обернут в Pjax, работающая под Yii2. На страницу подключён скрипт js. Обнаружил интересную особенность js-кода: он корректно работает, но если вернуться на страницу, с которой уходил (или кликом или возвратом на предыдущую страницу), js-код перестаёт работать.

<?php Pjax::begin(); ?>
   // some code
<?php Pjax::end(); ?>

<?php
 $js = '$(function(){alert(123);})';
 $this->registerJs($js, $this::POS_END);
?>

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

Прошу совета, можно ли решить эту проблему.

2
  • В теге скрипт написать, нет?
    – RavenTheX
    17 июн 2020 в 12:03
  • Вы имеете в виду так: <script>alert("123") </script> ? Тот же результат - возврат на страницу, обрабатываемую PJAX, не обеспечивает срабатывание установленных на ней скриптов.
    – 118_64
    17 июн 2020 в 12:20

2 ответа 2

0

Решением является установка обработчиков на неизменяемые в процессе перестроения DOM элементы, так называемая делегированная обработка событий:

$(document).on('click', '.clicked-element', function() {/* ... */});

В случае формы решение может выглядеть так:

$(document).on('submit', function(e) {/* ... */});

Подробности о делегированной обработке можно прочитать в документации.

0

По идее можно на странице использовать:

$this->registerJs("
    $(document).on('ready pjax:end', function(event) {
        $(window).trigger('load');
    });
");

Ваш ответ

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

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