Question

我有这个Backbone App，我希望使用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-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 - 脚本被加载，唯一发生的事情就是当我点击<a href="#" class="login">时 - Modal bagground被加载，但不是我的弹出窗口!!？

这可能是什么问题？我是否必须将popup div放在其他地方？

Answer 1

您想使用magnific popup而不是登录按钮调用loginbox： $（'＃loginbox'）。magnificPopup（{

BackboneJS Magnific Popup无法正常工作

1 个答案: