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();
}

弹出骨干视图

3 个答案: