php echo和JQuery .load中的bootstrap modal
[英]bootstrap modal inside php echo and JQuery .load
问题描述
我有index.php，它使用jQuery调用其他test.php并将内容加载到一个div标签中。
但是，如果我将模式添加到test.php的 echo ，它将不起作用。 模态无法打开。
这是我的index.php
<html>
<head>
<link type="text/css" rel="stylesheet" href="css/bootstrap.css">
<link type="text/css" rel="stylesheet" href="css/custom.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
<div id="try"></div>
</body>
<script>
function loadUnSolved(){
$("#try").load("test.php");
}
$(document).ready(loadUnSolved());
</script>
</html>
test.php
<?php
echo '
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="modal12">Otryl</button>
<!-- Modal -->
<div id="modal12" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>text</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>';
?>
我认为问题出在$(document).ready()
2 个解决方案
解决方案1
1 已采纳 2016-04-14 07:26:58
尝试以下
Index.php：
<script>
function loadUnSolved(){
$("#try").load("test.php");
}
$(document).ready(function(){loadUnSolved()});
</script>
test.php :(您错过了＃符号）
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#modal12">Otryl</button>
解决方案2
0 2016-04-14 07:25:20
您需要添加一个闭合
$(document).ready(function(){
loadUnSolved();
});
jQuery load（），Bootstrap模式和PHP
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.