加载带有引导模式的ajax页面,然后一次自动启动该模式



我正试图在主页上制作一个按钮,从另一个页面调用模态。

我需要这个模态在加载后自动启动。

我没有发现任何关于它的信息。(或者我错过了它?!)

我的代码:

我调用这个js函数:

<script>
function startb(plc)
{
    $.ajax({
             url: "gb.php?plc="+plc
          }).done(function( data ) {
           $("#large-div").html(data);
          });   
    //the id of the modal in the gb.php code is: "inside-modal"
      $('#inside-modal').modal('show');
}
</script>
<body>
<div id="large-div" name="large-div">
</div>
<button onclick="startb('28')">start plc</button>

</body>

您需要将$().modal()函数调用放在ajax请求的回调函数中

AJAX,根据定义是异步的,所以

.modal()
调用发生在div实际填充新HTML内容之前。

解决方案:

$.ajax({
        url: "gb.php?plc="+plc
      }).done(function( data ) {
        $("#large-div").html(data);
        $('#inside-modal').modal('show');
      });   

希望它能帮助

编辑:

@Dimitris Nastos,没有看到你的评论——和这个答案完全一样。将对评论投赞成票。

最新更新