我在PHP中有一个呈现和返回HTML内容的函数,我需要在页面加载时将结果加载到DIV上。我是这样做的:
<div id="myModal" class="reveal-modal" title="El Farol" data-animation="fade"> <a class="close-reveal-modal">×</a>
<script>
$(document).ready(function() {
$(this).load("http://devserver/app_dev.php/register");
});
</script>
</div>
但是我什么也没得到,如果我从浏览器中调用http://devserver/app_dev.php/register
我就会得到HTML。我做错了什么?在DOM完全加载或页面加载的容器中加载HTML内容的正确方法是什么?
答案 0 :(得分:1)
试试这个:
我在链接中添加了a href
标记而不是脚本...以这种方式替换链接会更容易。
<强> HTML:强>
<div id="myModal" class="reveal-modal" title="El Farol" data-animation="fade">
<a class="close-reveal-modal" href="http://devserver/app_dev.php/register">Page 1</a>
<强> JQuery的:强>
$(document).ready(function(){
$('a').click(function(e){
e.preventDefault();
$("#myModal").load($(this).attr('href'));
});
});
答案 1 :(得分:1)
你的html和JS应该像这样分开:
<div id="myModal" class="reveal-modal" title="El Farol" data-animation="fade">
</div>
<script>
$(document).ready(function() {
$('#myModal').load("/app_dev.php/register", function() {
$('#myModal').append( '<a class="close-reveal-modal">×</a>' );
});
});
</script>