Question

我有一个包含多个模态的网页。对于这个问题，我打开一个模态，用户正在输入一些数据，正在运行查询，并且显示在网格中显示（此模式已关闭）。然后，对于返回的每一行，都会有一个“选择”按钮，该按钮将打开一个填充了该行数据的新模态。问题是第二个模态没有显示。有一个看起来像模态边框的细条，背景确实像模态显示一样褪色。此外，如果在运行查询之前单击此选择按钮，则模式可以正常工作。

<!-- 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');
});

Bootstrap Modal仅显示顶部边框

0 个答案: