Блог

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

Проблема

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

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

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

…

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

Таким образом, разбивка на страницы не работает, но 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