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（{