twitter bootstrap modal-如何将数据传递给回调函数 [英] twitter bootstrap modal -- how to pass data to callback function

问题描述

是否可以将其他数据传递给引导程序模式函数回调?

is there a way to pass additional data to bootstrap modal function callback?

例如，假设导致模式打开的链接中有一个额外的属性，其中包含一些有用的数据，我怎么能引用该属性?

for example, lets say my link that causes the modal to open has an extra attribute in it with a bit of useful data in it, how could I reference that 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.
});

推荐答案

这对您有用吗?

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

这篇关于twitter bootstrap modal-如何将数据传递给回调函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！