각각 ID가 첨부 된 몇 개의 하이퍼 링크가 있습니다. 이 링크를 클릭하면 모달 ( http://twitter.github.com/bootstrap/javascript.html#modals )을 열고이 ID를 모달에 전달하려고합니다. 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 () 함수에 값 인수를 전달하는 방법
(그리고 나는 이것을 시도했다 : 모달 대화 상자에서 입력 값을 설정하는 방법? )