我正试图在主页上制作一个按钮,从另一个页面调用模态。
我需要这个模态在加载后自动启动。
我没有发现任何关于它的信息。(或者我错过了它?!)
我的代码:
我调用这个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,没有看到你的评论——和这个答案完全一样。将对评论投赞成票。