不能让Bootstrap modal.js工作

Cant get Bootstrap modal.js to work

本文关键字:js 工作 modal Bootstrap 不能      更新时间:2023-09-26

编辑:请记住这个答案是在Bootstrap 2出来之前问的,因此是相对于第一个版本的

我试图动态地添加和显示引导模态窗口与AJAX内容,但在看了一个半小时的文档后,我不明白我需要添加什么类或属性到我的模态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的文档是最差的,特别是考虑到它是多么受欢迎。

修复了它,显然bootstrap-modal.js需要bootstrap-tipsy.js和bootstrap-popover.js,尽管文档中没有提到它。说真的,Bootstrap的文档是最差的,特别是考虑到它是多么受欢迎。

编辑:在否定这个答案之前,考虑一下这是在bootstrap 2之前,正如另一个评论者说的,他有完全相同的问题,并通过添加tipsy和popover来解决它。Boostrap 2 比它的第一个版本要好得多,顺便说一下