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弹出框没有显示

回答

相关问题