Twitter的引导模式 - 如何将数据传递给回调函数(twitter bootstrap moda

有没有办法通过其他数据来引导模态函数回调？

例如，可以说我的链接，导致打开模式中有一个位是有用数据的额外属性，我怎么能引用attr属性？

HTML

<span listid="80" href="#editTaskList" data-toggle="modal" class="btn btn-mini right"><i class="icon-edit"></i> Edit Task List</span>

JS

$('#editTaskList').on('show', function () {
    // get the source of the click, and then get the data i need.
});

Answer 1:

莫非这对你的工作？

<span listid="80" href="#editTaskList" data-toggle="datamodal" class="btn btn-mini right"><i class="icon-edit"></i> Edit Task List</span>

var $editTaskList = $('#editTaskList');

$('body').on('click.modal.data-api', '[data-toggle="datamodal"]', function (e) {
    var $this = $(this);
    $editTaskList.data('anyAttr',$this.data('anyAttr'));
    $editTaskList.modal('show');
    e.preventDefault();
})

$editTaskList.on('show', function () {
    var myData = $editTaskList.data('anyAttr');
});

Answer 2:

像这样 -

<span id="modal_opener" data-extrastuff="stuff" listid="80" href="#editTaskList" data-toggle="modal" class="btn btn-mini right"><i class="icon-edit"></i> Edit Task List</span>

$('#modal_opener').click(function() {
    var stuff_i_want = $(this).attr('data-extrastuff');
});

Answer 3:

我知道这是一个老问题，但是这是第一件事情我已经在谷歌找到。 所以，我想在这里把一些重要的信息？

你需要把绑定的事件回调函数之前，您拨打的模式，例如：

$('#modal').on('shown', function(){ 
     // Do something when the modal is loaded
});
$("#modal").modal();

这是非常重要的，对我帮助很大，所以，在这里它是...

文章来源: twitter bootstrap modal — how to pass data to callback function