如何通过javascript调用时将数据传递给Bootstrap模式？

Question

我知道如何在使用按钮时使用数据属性将数据传递到Bootstrap模式，因此我可以通过数据上下文属性传递上下文的'OPS'：

<button id="xx" class="btn" type="button" data-toggle="modal" data-target="#xx" data-context="OPS">xx</button>

如果我通过JavaScript打开模态，我该怎么做呢：

$('#myModal').modal();

我尝试了各种提供参数的方法，但没有成功。

Answer 1

如果您使用的是Bootstrap 3.2.0，请尝试此操作。

HTML

<a href="#my_modal" data-toggle="modal" data-book-id="my_id_value">Open Modal</a>

JAVASCRIPT

//即将显示模态时触发

$('#my_modal').on('show.bs.modal', function(e) {

//get data-id attribute of the clicked element
var bookId = $(e.relatedTarget).data('book-id');

//populate the textbox
$(e.currentTarget).find('input[name="bookId"]').val(bookId);
});

http://jsfiddle.net/k7FC2/

Answer 2

传递使用jQuery创建的按钮作为第二个参数在Bootstrap的v3中为我工作

<强>代码

$('#myModal').modal({}, $('<button/>', {
    "data-context": "OPS"
}));