Загрузите html в div без изменения остальной страницы

Итак, я видел, как много людей спрашивали, как загрузить html в div, и мой код делает это хорошо .... но тогда остальная часть страницы меняется, когда я загрузите html в div.Загрузите html в div без изменения остальной страницы

У меня есть страница a.html, которая выглядит, как это и загружает b.html

a.html

<html> 
<head> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script> 
$(function() { 
$("#includedContent").load("b.html"); 
}); 
</script> 



<div id="includedContent"></div> 
<h1>This is why I rule</h1> 
</head> 
</html>

затем b.html выглядит следующим образом

<p> This is my include file </p>

Что происходит, это загрузка a.html, и я могу сразу увидеть This is why I rule, но затем код погаснет и получит b.html. Когда загружается b.html, я могу ТОЛЬКО видеть This is my include file, и сообщение «Это почему я правилю» исчезает ...

Почему это? Как я могу предотвратить это? Он делает это во всех браузерах, которые я тестировал.

источник

2013-06-28 Rell3oT

Ваш HTML является недействительным , Теги 'div' и' h1' недопустимы внутри тега 'head'. – Alan

Получите свою разметку из своего элемента '' и в тело. –

Вы должны написать свой HTML код в <body> </body>

<html> 
<head> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script> 
$(function() { 
$("#includedContent").load("b.html"); 
}); 
</script> 
</head> 

<body> 
<div id="includedContent"></div> 
<h1>This is why I rule</h1> 
</body> 
</html>

источник

2013-06-28 19:07:44 cruxi

Все ваши HTML-разметку в разделе head не body

попробовать это:

<html> 
<head> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 

<script> 
$(function() { 
$("#includedContent").load("b.html"); 
}); 
</script> 

</head> 
<body> 
    <div id="includedContent"></div> 
    <h1>This is why I rule</h1> 
</body> 
</html>

источник

2013-06-28 19:08:02

Я добавил теги тела, и это не помогает. – Rell3oT

Aha. Это сработало! Виноват. Спасибо за помощь. Такое легкое решение! – Rell3oT

Не беспокойтесь, товарищ :) –

Загрузите html в div без изменения остальной страницы

ответ

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