J'ai quelques hyperliens auxquels chacun a un ID attaché. Lorsque je clique sur ce lien, je souhaite ouvrir un modal ( http://twitter.github.com/bootstrap/javascript.html#modals ) et transmettre cet ID au modal. J'ai cherché sur google, mais je n'ai rien trouvé qui puisse m'aider.
Voici le code:
<a data-toggle="modal" data-id="@book.Id" title="Add this item" class="open-AddBookDialog"></a>
Qui devrait ouvrir:
<div class="modal hide" id="addBookDialog">
<div class="modal-body">
<input type="hidden" name="bookId" id="bookId" value=""/>
</div>
</div>
Avec ce morceau de code:
$(document).ready(function () {
$(".open-AddBookDialog").click(function () {
$('#bookId').val($(this).data('id'));
$('#addBookDialog').modal('show');
});
});
Cependant, lorsque je clique sur l'hyperlien, rien ne se produit. Lorsque je donne l'hyperlien <a href="#addBookDialog" ...>
, le modal s'ouvre très bien, mais il ne contient aucune donnée.
J'ai suivi cet exemple: Comment passer des arguments de valeurs à la fonction modal.show () dans Bootstrap
(et j'ai également essayé ceci: comment définir la valeur d'entrée dans un dialogue modal? )