BackboneJS Magnific Popup不起作用

Question

我有这个Backbone App，我想在其中使用Magnific Popup进行登录。 所以我创建了一个视图

var userTopNavigation = Backbone.View.extend({
        tagName: 'ul',
        className : 'nm',
        template: 'userNavigationItem',
        events: {
            'click .login': 'login',
        },
        login: function(e){
            e.preventDefault();
            $('.login').magnificPopup({
                disableOn: 700,
                type: 'inline',
                removalDelay: 160,
                preloader: false,
                fixedContentPos: false
            });
        }
});

我的HTML-userNavigationItem模板如下所示：

<li>
  <a href="#" class="login">
      <span class="navpptxt">Login</span>
  </a>  
</li>

然后在我的index.php上放置弹出窗口：

<div id="loginbox" class="white-popup mfp-hide">...some content here...</div>

因此，我可以看到Magnific popup -script已加载，唯一发生的是，当我单击<a href="#" class="login"> -加载了Modal bagground，但没有加载我的弹出窗口！ ？

这里可能是什么问题？ 我是否必须将弹出div放置在其他位置？

Answer 1

您想使用弹出式窗口而不是登录按钮来调用登录框：$（'＃loginbox'）。magnificPopup（{