jQuery彈出框沒有顯示

我想顯示一個div的彈出框。我的代碼如下。jQuery彈出框沒有顯示

成功添加記錄時，div需要顯示，但它不工作。我試過$("#div").html。

腳本：

<script src="scripts/jquery-1.11.1.min.js "></script> 
<script> 
$(document).ready(function() { 
    $('#users').submit(function() { 
     $('#response').html("<b>Adding...</b>"); 
     $.post('controller_adduser.php', $(this).serialize(), function(data) { 
     $('#response').html("<b>Adding...</b>"); 

     //// Show div Message box 

     }).fail(function() { 
     alert("Posting failed."); 
     }); 
     return false; 
    }); 
}); 
</script>

DIV：

<div id="remote_modal" class="modal fade" tabindex="-1" role="dialog"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
       <h4 class="modal-title"><i class="icon-accessibility"></i> Loading remote path</h4> 
      </div> 
      <div class="modal-body with-padding"> 
       <p>Added!!</p> 
      </div> 
      <div class="modal-footer"> 
       <button class="btn btn-warning" data-dismiss="modal">Close</button> 
      </div> 
     </div> 
     </div> 
    </div>

POPUP味精BOX msgbox

來源

2014-11-04 Bender

哪'div'你想顯示呢？你在談論ID爲「響應」的div嗎？ – 2014-11-04 03:49:40

@VivekPradhan是的，'div'基本上是一個彈出框 – Bender 2014-11-04 03:51:10

在你的html中，ID爲「response」的'div'在哪裏？你可能試圖用id「remote-modal」來顯示模態dailog，我想你正在使用bootstrap。 – 2014-11-04 03:56:02

我看到你使用的引導。爲了使模式顯示您需要運行.modal("show")命令。我想試試這個： HTML：

<div id="remote_modal" class="modal fade" tabindex="-1" role="dialog"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
       <h4 class="modal-title"> 
        <i class="icon-accessibility"></i> 
        <span id="response">Loading remote path</span> 
       </h4> 
      </div> 
      <div class="modal-body with-padding"> 
       <p>Added!!</p> 
      </div> 
      <div class="modal-footer"> 
       <button class="btn btn-warning" data-dismiss="modal">Close</button> 
      </div> 
     </div> 
     </div> 
    </div>

JS：

<script src="scripts/jquery-1.11.1.min.js "></script> 
<script> 
$(document).ready(function() { 
    $('#users').submit(function() { 
     $.post('controller_adduser.php', $(this).serialize(), function(data) { 
     $('#remote_modal #response').html("<b>Adding...</b>"); 
     $('#remote_modal').modal("show"); 
     }).fail(function() { 
     alert("Posting failed."); 
     }); 
     return false; 
    }); 
}); 
</script>

來源

2014-11-04 03:53:50 CodeGodie

jQuery彈出框沒有顯示

回答

相關問題