0

追加のデータをブートストラップモーダル関数コールバックに渡す方法はありますか？

たとえば、モーダルを開く原因となるリンクに、有用なデータが少し含まれている追加の属性があるとします。その属性をどのように参照できますか？

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.
});
4

3 に答える 3

3

これはあなたのために働くことができますか？

<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-06T07:44:35.127 に答える
2

これは古い質問であることは知っていますが、これは私がグーグルで最初に見つけたものです。だから、ここにいくつかの重要な情報を入れたいと思います...

モーダルを呼び出す前に、コールバック関数をイベントにバインドする必要があります。次に例を示します。

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

これは非常に重要で、私を大いに助けてくれたので、ここにあります...

于 2014-02-04T13:29:33.173 に答える
1

このような -

<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-06T02:29:30.000 に答える