如何让twitter bootstrap.modals与骨干一起玩得很好？

Question

为主题，我已经阅读了有关类似的问题，另外一个问题： modal-dialog-with-backbone-and-marionette

但我并不想介绍backbone.marionette到我的项目。

我想知道是否有其他的选择？

Answer 1

我解决它通过把和空div为模态对话框到我的网页的底部容器：

<!-- Charge --> 
    <div id="charge_dialog_container" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 

    </div> 

定义对话框中的其余模板：

<script id="charge_dialog_template" type="text/template"> 
     <div class="modal-header"> 
      ... 
     </div> 
     <div class="modal-body"> 
      ... 
     </div> 
     <div class="modal-footer"> 
      <button class="btn btn-primary" data-dismiss="modal"><i class="icon-ok"></i> OK</button> 
     </div> 
    </script> 

在查看施工initialize功能我做了modal()填料：

 ChargeView = Backbone.View.extend({ 
      el: $('#charge_dialog_container'), 
      initialize: function() { 
       this.render(); 
       this.$el.modal({'backdrop': 'static'}); 
      }, 
      render: function() { 
       var template = _.template($('#charge_dialog_template').html()); 
       this.$el.html(template); 
      } 
     });