Я хочу показать модальное окно bootstrap для своего приложения. В котором я хотел бы передать параметры size, title и content. поэтому, используя один модальный код, я могу использовать несколько требований.

Со всей приведенной выше информацией я также хотел бы передать значение по умолчанию options.

В настоящее время мне это нравится:

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

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

Как я могу расширить это в соответствии с моими требованиями с помощью встроенных / пользовательских функций bootstrap?

Кто-нибудь поможет мне, пожалуйста?

Живая демонстрация

Обновить

Я нахожу способ передать параметры, как это работает?

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

0
3gwebtrain 25 Дек 2014 в 08:25

2 ответа

Лучший ответ

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);
});
1
waki 25 Дек 2014 в 06:00

Вы можете установить такой заголовок

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

И для тела

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

Ниже представлена ​​демонстрация скрипки.

Скрипка

0
AB Vyas 25 Дек 2014 в 05:40