javascript - Bootstrap Modal only shows top border -


i have webpage multiple modals. issue, opening 1 modal, user entering data, query being ran, , displays shown in grid (this modal closed). each row returned there select button open new modal populated data row. issue second modal not displaying. there thin bar looks border of modal, , background fade modal displaying. also, if click select button before running query, modal works fine.

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


Comments

Popular posts from this blog

c# - How Configure Devart dotConnect for SQLite Code First? -

java - Copying object fields -

c++ - Clear the memory after returning a vector in a function -