2016-07-11 19 views
0

Wie gebe ich ID von <button> in Bootstrap Modal. Also kann ich ID verwenden, um Informationen von Ajax zu erhalten, die im Modal angezeigt werden.Pass ID in Bootstrap Modal?

Zum Beispiel:

Button:

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

Sollte ich shown.bs.modal dies tun?

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

Mögliche Duplikat von [Datenübergabe an einen Bootstrap-modal] (http://stackoverflow.com/questions/10626885/passing-data-to-a-bootstrap-modal) – tmg

Antwort

2

können Sie event Objekt verwenden, das an die show.bs.modal Handler übergeben wird.

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

event.relatedTarget bezieht sich auf die Schaltfläche, die den modalen offenen Ereignis ausgelöst hat.

Bootstrap Documentation

+0

Danke. Diese Arbeit! Soll ich null wie folgt verwenden if (id! = Null) {} –

+0

@ I'll-Be-Back Wenn es Schaltflächen gibt, die kein Attribut 'ID' haben, können Sie 'if (! Id)' verwenden – Tushar