防止执行iFrame的代码的措施

时间:2019-03-23 06:46:07

标签: javascript jquery iframe

我想实现iFrame,但是此分页代码会妨碍您。
如果我不注释该分页代码,则不会执行iFrame。

分页代码(pagination.js):

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

$(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,

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

  });
});

iFrame代码(iziModal.js):

$(document).on('click', '.item1', function (event) {
  $(".item1").click(function (event) {
    event.preventDefault();
    $('#iframe').iziModal('open');
    $('#modal').iziModal('open', {
      iframeURL: $(this).data('href')
    });
  });
  $("#modal").iziModal({
    iframe: true,
    width: '98%',
    iframeHeight: 650,
    zindex: '110',
    iframeURL: "data.html",
    group: 'works',
    overlayColor: 'rgba(0,0,0,0.1)'
  });
  $(".item1").off('click');
});

但是,我同时需要两者 iFrame和分页。

如何同时实现两者?

0 个答案:

没有答案