Twitter bootstrap 自举主干木偶模型

我正试图基于本文在主干网和木偶网中创建一个对话框：

我这里有一把小提琴：

HTML:

当我点击ShowModal链接时，html窗格会像预期的那样变暗，对话框内容显示在背景层上

---

为什么会发生这种情况？

您缺少div的css类，它应该充当模式对话框：

<div id="modal" class="modal hide fade"></div>

var ActionEditView = Backbone.Marionette.ItemView.extend({
    template: "#edit-dialog"
});

function showModal() {
        var view = new ActionEditView();
        view.render();

        var $modalEl = $("#modal");
        $modalEl.html(view.el);
        $modalEl.modal();
}

$('#showModal').click(showModal);

<div id="modal" class="modal hide fade"></div>