0

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

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

0 回答 0