使用引導模式的輸入焦點問題

我對webapp使用了一個非常簡單的模式窗口。出於某種原因，無論何時點擊模式中的任何輸入，焦點都會設置爲之前的輸入。但是，如果我點擊標籤，焦點將設置爲正確的輸入。抓我就這一個頭......使用引導模式的輸入焦點問題

這裏的標記：

<!--Admin Approve Modal --> 
<div id="admin_approve_modal" class="modal hide fade" role="dialog" aria-labelledby="adminApproveModalLabel" aria-hidden="true"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
      <h3 id="adminApproveModalLabel">Approval For Order #<span class="js-orderID"></span></h3> 
     </div> 
     <form id="admin_approve_form" name="admin_approve_form" method="post" action="admin-form-submit.php?query=adminApprove"> 
      <div class="modal-body"> 
       <label for="poNumber" />Factory PO #: 
       <input type="text" id="poNumber" name="poNumber" /> 
       <script> 
        $(function() { 
         $("#etaDate").datepicker(); 
        }); 
       </script> 
       <label for="etaDate" />ETA Date: 
       <input type="text" id="etaDate" name="etaDate" value="" /> 
       <label for="comments" />Comments: 
       <input type="text" id="comments" name="comments" value="" /> 
       <div id="admin_validation_error" name="admin_validation_error"></div> 
       <!--Hidden inputs--> 
       <input type="hidden" id="adminOrderID" name="orderID" value="" /> 
      </div> 
      <div class="modal-footer"> 
       <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> 
       <button type="submit" class="btn btn-primary">Approve</button> 
      </div> 
     </form> 
    </div> 
    <!-- end modal -->

沒有衝突的JavaScript（據我所知）在頁面上。有任何想法嗎？

來源

2013-02-04 Falantar014