2016-08-13 2 views
0

Я создал страницу с динамической загрузкой с использованием iframe. Когда он загружается, он показывает пустое пространство в области тела, пока я не нажму ссылку на страницу. Как добавить страницу по умолчанию при загрузке фрейма.Как добавить страницу содержимого по умолчанию Iframe

<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> 
+0

Вы хотите показать содержимое страницы для содержимого первой страницы? –

+0

Да. Когда он загружается, я хочу показать страницу. теперь он отображается как пустой – sanbg

+0

Так почему бы не просто установить iframe src для первой ссылки 'ref' ?! –

ответ

0

Пожалуйста, ознакомьтесь с нижеприведенным фрагментом. В этом случае он будет загружать страницу из первого элемента «a».

$(document).ready(function(){ 
    $("#content").attr("src" , $("a.divlink:first").attr("ref")); 
    $(".divlink").click(function(){ 
     $("#content").attr("src" , $(this).attr("ref")); 
    }); 
}); 
+0

Спасибо, Рахул. Это работает – sanbg

+0

Это замечательно. Пожалуйста, примите мой ответ, если это вам помогло. –

Смежные вопросы