Javascript BackboneJS放大弹出窗口不工作

我有一个主干应用程序，我想使用

放大弹出窗口

进行登录。所以我创建了一个视图

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>

…这里有一些内容。。。

因此，我可以看到

放大弹出窗口

-脚本被加载，唯一发生的事情是当我单击

-时，模态bagground被加载，但不是我的弹出窗口

---

这里可能有什么问题？是否必须将弹出窗口div放在其他地方？

您想用放大的弹出窗口调用登录框，而不是登录按钮：

---

$（“#loginbox”）.magnificPopup（{

你在初始化时呈现模板了吗？尝试使用我制作的示例没有，没有效果，我不认为这与此有关。你能摆弄页面吗？把它放到网上，这样我就可以看到它了？