Не передавать CSS в .load

@Osty · Регистрация: 25.06.2011

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

Подскажите, пожалуйста, можно ли сделать, чтобы подгружаемая через .load страничка не использовала css страницы куда она подгружается.

Есть две странички, обе большие и с километровыми .css, но для наглядности покажу их так:
index.html:

HTML5

<html>
.
.
 <link rel="stylesheet" type="text/css" href="style.css">
.
.
  <div id="result"></div>
<script>
$( "#result" ).load( "bigpage.html" );
</script>
</html>

bigpage.html:

HTML5

<html>
.
.
 <link rel="stylesheet" type="text/css" href="style2.css">
.
.
блаблабла
</html>

Если открыть bigpage.html напрямую, отображается всё отлично.
Если открыть index.html, то CSS смешиваются и bigpage отображается криво. Помогает удаление style.css.

@whiteapps · 07.09.2014, 03:49

Osty, очень странно что возникают подобные проблемы. в идеале следовало бы привести в порядок верстку

но как простейшей решение, можно например отображать подгружаемую страницу в iframe

@Osty · 07.09.2014, 17:52 **[ТС]**

whiteapps, Действительно, проблема в том, что в первом .css файле есть селекторы, которых нет в .css подгружаемого файла и они немного ломают вёрстку.
Так как у меня файлы большие и перебирать css не хотелось, отобразил страницу в iframe и всё заработало нормально.

Но если вдруг можно, прописав какое-нибудь свойство около .load, загружать страничку не используя стили странички, т.е. в примере ниже, чтобы "Текст" отображался стандартным размером, то напишите пожалуйста способ.
1.html:

HTML5

<html>
<script type="text/javascript" src="http://yastatic.net/jquery/2.1.1/jquery.min.js"></script> 
 <style>
    p { font-size: 10.5em; }
 </style>
<div id="result"></div>
<script>
$( "#result" ).load( "2.html" );
</script>
</html>

2.html:

HTML5

1	<p>Текст</p>

@whiteapps 413 / 378 / 220 Регистрация: 18.07.2014 Сообщений: 1,259
	07.09.2014, 03:49	2
	Osty, очень странно что возникают подобные проблемы. в идеале следовало бы привести в порядок верстку но как простейшей решение, можно например отображать подгружаемую страницу в iframe 1

	07.09.2014, 17:52