Question

我想为我的应用显示bootstrap模式。我想在其中传递size，title和content参数。所以使用单一模态我可以使用多个要求。

以上所有信息我也希望传递默认的options。

目前我喜欢这样：

var options = {
    "backdrop" : "static",
    "keyboard" : false,
    "show" : false
}

$('#basicModal').modal(options);

如何使用bootstrap内置/自定义函数将其扩展到我的要求？

有人帮我吗？

Live Demo

更新

我找到了一种通过params的方法，它是如何工作的？

http://www.jqueryscript.net/demo/jQuery-Modal-Dialog-Plugin-For-Bootstrap-3-Bootstrap-3-Dialog/examples/#available-options

Answer 1

http://jsfiddle.net/dwojLdjk/5/

var options = {
    "backdrop" : "static",
    "keyboard" : false,
    "show" : true
}

$('#showModal').click(function() {
    $("#resultFormModal").find("h4.modal-title").html('new title');
    $("#resultFormModal").find("div.modal-body").html('new message');
    $("#resultFormModal").modal(options);
});

Answer 2

您可以像这样设置标题

$('#myModalLabel').html('New Header');

和身体

$('.modal-body').html('<h1>New Body</h1>');

下面是小提琴演示。

Fiddle

Bootstrap - 如何动态设置标题和内容

2 个答案: