2016-07-11 6 views
0

<button>のIDをBootstrap Modalに渡すにはどうすればいいですか?だから、IDを使ってajaxから情報を取得し、Modalに表示することができます。例えばIDをブートストラップモードに渡しますか?

ボタン:

<button id="123" type="button" class="btn btn-sm" data-toggle="modal" data-target="#Testing">Edit</button> 

が、私はこれを行うshown.bs.modal使用する必要がありますか?

$("#Testing").on('shown.bs.modal', function() { 
    // How to get ID? id="??" 
    //Ajax 
}); 
+0

可能な複製(http://stackoverflow.com/questions/10626885/passing-data-to-a-bootstrap-modal) – tmg

答えて

2

あなたはshow.bs.modalハンドラに渡されるeventオブジェクトを使用することができます。

$('#Testing').on('show.bs.modal', function (event) { 
    var id = $(event.relatedTarget).attr('id'); 
}); 

event.relatedTargetは、モーダルオープンイベントをトリガーしたボタンを指します。 [ブートストラップモーダルにデータを渡す]の

Bootstrap Documentation

+0

ありがとうございました。その仕事! (id!= null){} –

+0

@I'll-Be-Back 'ID'属性を持たないボタンがある場合、' if(!id) 'を使うことができます。 – Tushar

関連する問題