Mam kilka hiperłączy, z których każdy ma dołączony identyfikator. Kiedy klikam ten link, chcę otworzyć modalne (http://twitter.github.com/bootstrap/javascript.html#modals ) i przekaż ten identyfikator do modalu. Szukałem w Google, ale nie mogłem znaleźć niczego, co mogłoby mi pomóc.

To jest kod:

<a data-toggle="modal" data-id="@book.Id" title="Add this item" class="open-AddBookDialog"></a>

Które powinny się otworzyć:

<div class="modal hide" id="addBookDialog">
    <div class="modal-body">
        <input type="hidden" name="bookId" id="bookId" value=""/>
    </div>
</div>

Z tym fragmentem kodu:

$(document).ready(function () {
    $(".open-AddBookDialog").click(function () {
        $('#bookId').val($(this).data('id'));
        $('#addBookDialog').modal('show');
    });
});

Jednak po kliknięciu hiperłącza nic się nie dzieje. Kiedy podam hiperłącze a href = "# addBookDialog", modal otwiera się dobrze, ale nie zawiera żadnych danych.

Śledziłem ten przykład:Jak przekazać argumenty wartości do funkcji modal.show () w Bootstrap

(i spróbowałem tego:Jak ustawić wartość wejściową w dialogu modalnym?)