Tengo un par de hipervínculos que tienen una identificación adjunta. Cuando hago clic en este enlace, quiero abrir un modal (http://twitter.github.com/bootstrap/javascript.html#modals ), y pasar este ID al modal. Busqué en google, pero no pude encontrar nada que pudiera ayudarme.

Este es el código:

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

Que debería abrir:

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

Con esta pieza de código:

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

Sin embargo, cuando hago clic en el hipervínculo, no pasa nada. Cuando le doy al hipervínculo un href = "# addBookDialog", el modal se abre muy bien, pero no contiene ningún dato.

Seguí este ejemplo:Cómo pasar argumentos de valores a la función modal.show () en Bootstrap

(Y también probé esto:¿Cómo establecer el valor de entrada en un diálogo modal?)