Как заставить ОБА пагинацию и модальные окна работать? - PullRequest
Новая
       49

Как заставить ОБА пагинацию и модальные окна работать?

0 голосов
/ 28 марта 2019

Я использую " pagination.js " для нумерации страниц и " Magnific Popup.js " для iFrame (модальное окно).
(iFrame (модальное окно) было точнотакая же ситуация, хотя iziModal.js , поэтому я думаю, что со стороной модального окна все в порядке ..)

Проблема

Проще говоря, проблемав том, что пока работает только одно или другое.

Когда я пытаюсь работать с пагинацией и модальным окном:

When I try to work both pagination and modal window

Таким образом, нумерация страниц работает, но iFrame (модальное окно)не работает

...

Когда я закомментирую следующий код:

When I comment out the following code

Таким образом, нумерация страниц не выполняетсяне работает, но iFrame (модальное окно) работает.

Хм .. Это проблема.
Мне нужно и нумерация страниц и iframe (модальное окно).Я хочу, чтобы оба работали.

Код, вызывающий конфликт:

Комментирование этой части кода разбиения на страницы приведет к работе iFrame (модальное окно).
Так что я подумал, что это было причинойконфликт.

/*  pagination  */
function tpl(data) {
  var html = '';
  $.each(data, function(index, item) {
    html += '<section class="item">' + item + '</section>';
  });
  return html;
}
// ↑ this part or

$(function() {
  var len = $('.item').length;

  $('#no-p').pagination({
    dataSource: function(done) {
      var result = [];
      for (var i = 0; i < len; i++) {
        var $item = $('.item').get(i);
        if ($item) result.push($item.innerHTML);
      }
      done(result);
    },
    pageSize: 8,
    showPageNumbers: false,
    showNavigator: true,
    autoHidePrevious: true,
    autoHideNext: true,

    callback: function(data, pagination) {
      var html = tpl(data);
      $('#items').html(html);
    }
    // ↑ iFrame will not be executed unless this part is deleted

  });
});

Я создал демо, которое действительно работает.-> JSFiddle

Не могли бы вы помочь мне?TT

...