Jquery 仅在第二次单击后才触发带主干的放大弹出窗口

我遇到的问题与此非常相似。第一次单击后，图像弹出窗口工作正常

因为插件似乎负责绑定一个点击处理程序 对于您来说，这意味着您的第一次单击将绑定弹出窗口 功能（包括onclick处理程序），因此它只在 再次单击

我将主干1.0.0与require.js一起使用

我的代码如下：

主干视图

events:{
'click .test-popup-link':'popImg',
}

popImg: function (e) {
      e.preventDefault();
      $('.test-popup-link').magnificPopup({
        delegate: 'a',
        type: 'image',
        //closeBtnInside: false,
        closeOnContentClick: true,
        overflowY: 'auto',
        mainClass: 'mfp-img-mobile',
        image: {
          verticalFit: true
        }
      });

    },

HTML

   <div class='test-popup-link'><a class='image-popup-vertical-fit'        href="http://mydomain.com/files/8e0183d4179a11e2880f22000a1e8aaf_7%20(15).jpg"><img id='6576465avt7a6768'       src="http://mydomain.com/files/8e0183d4179a11e2880f22000a1e8aaf_7%20(15).jpg"></a></div>;

；

---

非常感谢您的帮助。谢谢。

您可以在视图的

初始化功能中执行此操作，如下所示：

SearchView = Backbone.View.extend({
    el: $(".open-popup-link"),
    initialize: function () {
        $(this.el).magnificPopup({
            type: 'inline',
            midClick: true
        });
    }
});
var search_view = new SearchView();

请参见演示：
非常感谢，它可以正常工作-现在它在第一次尝试时打开-但是弹出窗口失去了它的样式，它将图像作为一个新的URL打开，而不是在同一个视图上的重叠弹出窗口。你知道会出什么问题吗？ThanksI没有使用您的设置，您应该使用代码中的设置。我想这可能就是问题所在，比如
类型：“inline”
等等。