Использование tabs с несколькими <iframe>

@Slavk · Регистрация: 14.06.2016

Author24 — интернет-сервис помощи студентам

Нужна помощь!

На странице имеются несколько вкладок. В каждой вкладке помещается iframe со своим источником контента. Контент принадлежит тому же домену. Проблема: не загружается контент во фреймы. Если оставить одну вкладку и один iframe, то всё работает на отлично.

Как решить проблему загрузки контента (отдельные html странички) при переходе в другую вкладку, которой принадлежит свой собственный iframe?

@Fedor92 · 14.06.2016, 12:01

Slavk, покажите Ваш код...

@Slavk · 14.06.2016, 13:28 **[ТС]**

HTML5

<!DOCTYPE HTML>
<html>
<!-- head -->
<head>
<link href="lib/jqueryui/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="lib/jquery/jquery.min.js"></script>
<script src="lib/jqueryui/jquery-ui.min.js"></script>
<style type="text/css">
#tabs
{
font-size:0.6em;
height:100%;
}
#tabs-1,#tabs-2,#tabs-3,#tabs-4,#tabs-5,#tabs-6,#tabs-7,#tabs-8
{
font-size:1.2em;
}
#load
{
margin-left:0px;
}
</style>
 
<script type="text/javascript">
$(document).ready(function() {
 
$("#tabs").tabs();
//Код вкладки
 $("#tab1").tabs();
 $("#tab2").tabs();
 $("#tab3").tabs();
});
</script>
</head>
<!-- end -->
 
<!-- body body -->
<body>
     <div id="tabs">
         <div id="tabs-1">
             <div id="tab1">
               <ul>
                  <li><a href="#tabs1">HL</a></li>
                  <li><a href="#tabs2">HO</a></li>
                  <li><a href="#tabs3">HC</a></li>
               </ul>
               <div id="tabs1"><br>
                    <iframe height="700" src="files/stat/hl.html" width="750" name="frame-2" align="absMiddle"> Ваш браузер не поддерживает плавающие фреймы! </iframe>
               </div>
               <!--
               <div id="tabs2"><br>
                    <iframe height="700" src="files/ho.html" width="750" name="frame-2" align="absMiddle"> Ваш браузер не поддерживает плавающие фреймы! </iframe>
               </div>
               <div id="tabs3"><br>
                     <iframe height="700" src="files/hc.html" width="750" name="frame-3" align="absMiddle"> Ваш браузер не поддерживает плавающие фреймы! </iframe>
               </div>
               -->
          </div>
       </div>
     </div>
</body>
</html>

С одним iframe и любым количество вкладок работает оффлайн без проблем.
С iframe в каждой вкладке работает на сервере. Но почему не работает оффлайн с iframe в каждой вкладке - не понимаю.

Добавлено через 43 минуты
Всё работает. Спасибо. Суть: редактор, при выгрузке, вырезал теги с iframe>1. Странно сие, но факт.

@Slavk 0 / 0 / 3 Регистрация: 14.06.2016 Сообщений: 23
		1
	Использование tabs с несколькими <iframe> 14.06.2016, 10:53. Показов 1800. Ответов 2 Метки нет (Все метки) Нужна помощь! На странице имеются несколько вкладок. В каждой вкладке помещается iframe со своим источником контента. Контент принадлежит тому же домену. Проблема: не загружается контент во фреймы. Если оставить одну вкладку и один iframe, то всё работает на отлично. Как решить проблему загрузки контента (отдельные html странички) при переходе в другую вкладку, которой принадлежит свой собственный iframe? 0

@Fedor92 2964 / 2599 / 1068 Регистрация: 15.12.2012 Сообщений: 9,876 Записей в блоге: 11
	14.06.2016, 12:01	2
	Slavk, покажите Ваш код... 0

	14.06.2016, 13:28

Использование tabs с несколькими <iframe>

Решение