I created a dynamically load page using iframe. When it load, it show empty space in the body area until i click page links. How to add default page when i frame load.
我使用iframe创建了一个动态加载页面。加载时,它会显示正文区域中的空白区域,直到我点击页面链接。如何在i帧加载时添加默认页面。
<html>
<head>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
$(".divlink").click(function(){
$("#content").attr("src" , $(this).attr("ref"));
});
});
</script>
</head>
<body>
<iframe id="content"></iframe>
<a href="#" ref="page1.html" class="divlink" >Page 1</a><br />
<a href="#" ref="page2.html" class="divlink" >Page 2</a><br />
<a href="#" ref="page3.html" class="divlink" >Page 3</a><br />
<a href="#" ref="page4.html" class="divlink" >Page 4</a><br />
<a href="#" ref="page5.html" class="divlink" >Page 5</a><br />
<a href="#" ref="page6.html" class="divlink" >Page 6</a><br />
</body>
</html>
1 个解决方案
#1
0
Please check below snippet. In this case it will load page from the first 'a' element.
请查看下面的代码段。在这种情况下,它将从第一个'a'元素加载页面。
$(document).ready(function(){
$("#content").attr("src" , $("a.divlink:first").attr("ref"));
$(".divlink").click(function(){
$("#content").attr("src" , $(this).attr("ref"));
});
});
#1
0
Please check below snippet. In this case it will load page from the first 'a' element.
请查看下面的代码段。在这种情况下,它将从第一个'a'元素加载页面。
$(document).ready(function(){
$("#content").attr("src" , $("a.divlink:first").attr("ref"));
$(".divlink").click(function(){
$("#content").attr("src" , $(this).attr("ref"));
});
});