我有一个包含多个模式的网页。对于这个问题,我正在打开一个模式,用户正在输入一些数据,正在运行查询,并且显示在网格中(此模式已关闭)。然后对于返回的每一行,都有一个选择按钮,它将打开一个填充了该行数据的新模式。问题是第二个模式没有显示。有一个细条看起来像模态框的边框,背景确实像模态框显示的那样褪色。此外,如果我在运行查询之前单击此选择按钮,则模式可以正常工作。
<!-- Modal -->
<div id="service-code-details" class="modal hide fade" role="dialog" aria-hidden="true" >
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h2 id="myModalLabel">Service Code Details</h2>
</div>
<div class="modal-body">
<div class="modal-body">
<p>some content</p>
<input type="text" name="Id" id="Id" value=""/>
</div>
</div>
</div>
<!--button-->
<a data-id="12345" title="Add this item" class="open-ServiceCodeDetails btn" href="#service-code-details">Select</a>
$(document).on("click", ".open-ServiceCodeDetails", function () {
var Id = $(this).data('id');
$(".modal-body #Id").val( Id );
$("#service-code-details").modal('show');
});