0

Есть чат на yii2. В чате для подгрузки сообщений и смены диалогов используется pjax. Есть скрипт, который листает в конец сообщения. Один pjax виджет вложен в другой. (id разные).

Внешний pjax обновляется при выборе диалога и при отправке сообщения. Внутренний pjax обновляется раз в 10 сек.

Выглядит всё это примерно так:

...
//внешний pjax
<?php Pjax::begin([
  'id' => 'all-chat',
  'timeout' => 5000,
  'formSelector' => '.input_msg_write'
]) ?>
  ...
  //некоторый код
  ...
  <div class="msg_history"> //блок с сообщениями, который нужно пролистать вниз
  //внутренний pjax
  <?php Pjax::begin([
    'id' => 'list-messages',
    'timeout' => 5000,
    'enablePushState' => false,
    'formSelector' => false,
    'linkSelector' => false
  ]) ?>
    ...
    //тут сообщения которые обновляются раз в 10 сек
    ...
  <?php Pjax::end() ?>
  </div>
  ...
  //еще немного кода
  ...
<?php Pjax::end() ?>
...

Нужно чтоб скрипт который листает в конец сообщения срабатывал только при обновлении внешнего pjax, но не срабатывал при обновлении внутреннего.

Пробовал писать вот так:

$('#all-chat').on('pjax:success',function () {
  scrollTopChat();
})

но тогда сообщения прокручиваются при обновлении любого из двух pjax-ов

1 ответ 1

0

Решил проверкой внутри скрипта какой контейнер был обновлен:

$(document).on('pjax:success',function (event, data, status, xhr, option) {
     if (option.container.selector == '#all-chat') {
         scrollTopChat();
     }
})

Так нужный скрипт запускается после обновления нужного контейнера Pjax, а не при любом обновлении

1
  • Данный ответ полностью удовлетворяет моему вопросу. Проблема решается таким скриптом, так что я считаю, что это достаточно исчерпывающий ответ на данный вопрос. 1 ноя 2018 в 7:30

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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