javascript - 弹出主干视图

Question

我渲染了一个主干视图。现在我想当我点击一个事件时，我的整个 Backbone View 会弹出并呈现在一个灯箱上。

我想做的是：

var ViewerModuleAppView = Backbone.Marionette.ItemView.extend({

            //On Initialization of View, this.template = template_viewer_module.html.
            template: template,

            events: {
                'click #pop_out': 'popout'
            },
            popout: function(){
                //ViewerModuleAppView gets render on a PopOut Window(may be Lightbox).
            }

Answer 1

我可以看到你正在使用 Backbone.Marionette，所以我要发布一个木偶答案。Bryan Mann 在 BackboneRails.com 上对 Marionette 进行了一系列出色的截屏，同时也涵盖了灯箱主题的截屏。在这里观看：http ://www.backbonerails.com/screencasts/building-dialogs-with-custom-regions

Answer 2

弹出窗口可能会触发其他一些事件。检查弹出功能中的 e.preventDefault()。

Answer 3

为了防止浏览器执行其他渲染操作，您可以使用

popout: function() { 
 //do actions( pop up light box)
 return false; 
}
 or
popout: function() {
  //do actions 
  event.preventDefault();
}