Question

我正在尝试将Magnific-Popup灯箱用于我的Meteor应用。我遇到的问题是，当我启动一个图库时，我无法关闭图库弹出窗口。单击[x]按钮或单击背景无效。否则，灯箱似乎工作正常。使用单个弹出窗口按预期工作（包括关闭），但画廊不会。很难看到发生了什么，因为它会导致Chrome检查员崩溃。有时我可以看到以下错误：

RangeError: Maximum call stack size exceeded

如果我在下面的代码中设置了gallery = false，弹出窗口工作正常，但显然我丢失了图库功能......

谢谢。

HTML：

<div class="popup-gallery">
   <a href="{{imageURL}}">
      <img src="{{imageURL}}" alt="">
   </a>
    <a href="{{imageURL}}">
      <img src="{{imageURL}}" alt="">
   </a>
   <a href="{{imageURL}}">
      <img src="{{imageURL}}" alt="">
   </a>
</div>

JS：

Template.itemPage.rendered = function() {
  console.log("itemPage rendered");

    $('#itemTiles').imagesLoaded(function() {

      $('.popup-gallery').magnificPopup({
        delegate: 'a',
        type: 'image',
        tLoading: 'Loading image #%curr%...',
        mainClass: 'mfp-img-mobile',
        gallery: {
          enabled: true,
          navigateByImgClick: true,
          preload: [0,1] // Will preload 0 - before current, and 1 after the current image
        },
        image: {
          tError: '<a href="%url%">The image #%curr%</a> could not be loaded.',
          titleSrc: function(item) {
            return item.el.attr('title') + '<small>by Test</small>';
          }
        }
      });
..
}

我暂时将网站部署到http://miyako.meteor.com/，以防万一。这是我第一次涉足网络开发，所以请原谅凌乱的代码！：）

流星＆amp; Magnific-Popup：无法关闭画廊弹出窗口

0 个答案: