在BootStrap模式对话框中包含HTML代码

时间:2015-06-16 18:10:42

标签: javascript jquery html twitter-bootstrap bootstrap-modal

我想使用Boot Strap Modal(http://nakupanda.github.io/bootstrap3-dialog/),我在我的HTML中包含了Bootstrap Modal Scripts和Css,Bootstrap Dialog工作正常。现在我的问题是如何在模态对话框中包含我的html代码。 在示例(http://nakupanda.github.io/bootstrap3-dialog/)中,它显示将HTML代码包含在modal的“message”属性中。但我想在模态中使用我现有的HTML而不重写JS文件中的html代码。

1 个答案:

答案 0 :(得分:1)

您可以将标记保存在模板文件中

BootstrapDialog.show({
    message: $('<div></div>').load('template.html')
});

或重用一些已存在的HTML

BootstrapDialog.show({
    message: $('#element').html()
});