Eu tenho alguns links que possuem um ID anexado. Quando clico neste link, quero abrir um modal ( http://twitter.github.com/bootstrap/javascript.html#modals ) e passar esse ID para o modal. Pesquisei no google, mas não encontrei nada que pudesse me ajudar.
Este é o código:
<a data-toggle="modal" data-id="@book.Id" title="Add this item" class="open-AddBookDialog"></a>
O que deve abrir:
<div class="modal hide" id="addBookDialog">
<div class="modal-body">
<input type="hidden" name="bookId" id="bookId" value=""/>
</div>
</div>
Com este pedaço de código:
$(document).ready(function () {
$(".open-AddBookDialog").click(function () {
$('#bookId').val($(this).data('id'));
$('#addBookDialog').modal('show');
});
});
No entanto, quando clico no hiperlink, nada acontece. Quando dou o hiperlink <a href="#addBookDialog" ...>
, o modal é aberto muito bem, mas não contém nenhum dado.
Segui este exemplo: Como passar argumentos de valores para a função modal.show () no Bootstrap
(e também tentei o seguinte: como definir o valor de entrada em um diálogo modal? )