У мене є декілька гіперпосилань, до яких кожен приєднав ідентифікатор. Коли я натискаю на це посилання, я хочу відкрити модальний ( http://twitter.github.com/bootstrap/javascript.html#modals ) і передати цей ідентифікатор модальному. Я шукав у Google, але не знайшов нічого, що могло б мені допомогти.
Це код:
<a data-toggle="modal" data-id="@book.Id" title="Add this item" class="open-AddBookDialog"></a>
Що має відкритись:
<div class="modal hide" id="addBookDialog">
<div class="modal-body">
<input type="hidden" name="bookId" id="bookId" value=""/>
</div>
</div>
З цим фрагментом коду:
$(document).ready(function () {
$(".open-AddBookDialog").click(function () {
$('#bookId').val($(this).data('id'));
$('#addBookDialog').modal('show');
});
});
Однак, коли я натискаю гіперпосилання, нічого не відбувається. Коли я даю гіперпосилання <a href="#addBookDialog" ...>
, модальний режим відкривається просто чудово, але він не містить ніяких даних.
Я дотримувався цього прикладу: Як передавати аргументи значень функції modal.show () у Bootstrap
(і я також спробував це: як встановити вхідне значення в модальному діалозі? )