无法使用Bootstrap modal.js工作

时间:2011-11-28 17:29:06

标签: javascript jquery twitter-bootstrap

编辑:请记住,在Bootstrap 2发布之前,这个答案是有问题的,因此与第一个版本相关

我正在尝试使用AJAX内容动态添加和显示Bootstrap模态窗口,但是在查看文档一个半小时之后,我不明白我需要添加到我的模态div中的类或属性,以便它们可以使用模态API。

现在我有这样的事情:

var $modalWindow = $('<div />', {
    class: 'modal fade static',
    style: "display: none;",
    text: "Test"
});

$('body').append($modalWindow);

$modalWindow.modal('show');

它不起作用......也许我是密集的,但在调用show方法之前,我找不到关于如何设置我的模态窗口的文档的任何信息。

编辑:修复它,显然bootstrap-modal.js需要bootstrap-tipsy.js和bootstrap-popover.js,尽管文档中没有提到它。说真的,Bootstrap有最糟糕的文档,特别考虑它的受欢迎程度。

1 个答案:

答案 0 :(得分:-1)

修正了它,显然bootstrap-modal.js需要bootstrap-tipsy.js和bootstrap-popover.js,尽管文档中没有提到它。说真的,Bootstrap有最糟糕的文档,特别考虑它的受欢迎程度。

编辑:在给出这个答案之前,请考虑这是在bootstrap 2之前,而另一位评论者说他有完全相同的问题,并通过添加tipsy和popover解决了这个问题。 Boostrap 2比其第一个版本BTW 更强