BackboneJS放大弹出菜单不工作

BackboneJS Magnific Popup not working

本文关键字：工作 菜单 放大 BackboneJS      更新时间：2023-09-26

我有这个Backbone应用程序，我想在其中使用Magnific Popup进行登录。所以我创建了一个View

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用户NavigationItem模板看起来像：

<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-脚本已加载，唯一发生的事情是，当我单击<a href="#" class="login">-时，会加载Modal Baground，但不会加载我的弹出窗口！！？

这里可能有什么问题？我必须把弹出div放在其他地方吗？

您想用放大弹出窗口调用登录框，而不是登录按钮：$（'#loginbox'）.aamplificPopup（｛

相关文章：