backbone.js - twitter bootstrap.modalsをバックボーンでうまく機能させる方法は？

Question

主題として、私はすでに同様の問題に関する別の質問を読みました： モーダルダイアログとバックボーンとマリオネット

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