Javascript 无法使Bootstrap modal.js正常工作
编辑:请记住,这个答案是在Bootstrap 2发布之前提出的,因此是相对于第一个版本的 我试图用AJAX内容动态地添加和显示引导模式窗口,但是在看了一个半小时的文档之后,我不明白我需要添加哪些类或属性到我的模式div中,所以它们可以与模式API一起工作 现在我有这样的事情:Javascript 无法使Bootstrap modal.js正常工作,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,编辑:请记住,这个答案是在Bootstrap 2发布之前提出的,因此是相对于第一个版本的 我试图用AJAX内容动态地添加和显示引导模式窗口,但是在看了一个半小时的文档之后,我不明白我需要添加哪些类或属性到我的模式div中,所以它们可以与模式API一起工作 现在我有这样的事情: var $modalWindow = $('<div />', { class: 'modal fade static', style: "display: none;", text:
var $modalWindow = $('<div />', {
class: 'modal fade static',
style: "display: none;",
text: "Test"
});
$('body').append($modalWindow);
$modalWindow.modal('show');
var$modalWindow=$(“”{
类:“模态衰减静态”,
样式:“显示:无;”,
文本:“测试”
});
$('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有最糟糕的文档,特别是考虑到它的流行程度
编辑:在投票之前,考虑这是在引导2之前,另一个评论者说他有完全相同的问题,并且通过添加TIPSY和POPOFE解决了这个问题。
Boostrap 2比它的第一个化身要好得多,顺便说一句,modal不需要twipsy或popover就能正常工作。我只在包含
bootstrap modal.js
时使用它。模态模板可能有问题。我的看起来像这样(无法格式化):×HeaderBodyCancelSave
我有类似的问题,并且有相同的解决方案。