twitter bootstrap模态 - 如何将数据传递给回调函数

有没有办法将其他数据传递到引导模态函数回调？twitter bootstrap模态 - 如何将数据传递给回调函数

例如，让我说我的链接，导致模态打开有一个额外的属性，其中有一些有用的数据，它如何引用该attr？

HTML

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

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

来源

2012-08-06 Kristian

莫非这对你的工作？

<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'); 
});

来源

2012-08-06 07:44:35 Sherbrow

这样的 -

<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'); 
});

来源

2012-08-06 02:29:30

是的，这是真的。但我觉得它是一种黑客 - 使用显示回调允许我实际上对函数内部的事件进行排序，而不是针对单独的单击事件制定竞争条件。 – Kristian 2012-08-06 03:59:49

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

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

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

这是非常重要的，帮助我很多，所以，这里是...

来源

2014-02-04 13:29:33

twitter bootstrap模态 - 如何将数据传递给回调函数

回答

相关问题