Включить HTML страницу в другой HTML div не работает - PullRequest
Новая
       19

Включить HTML страницу в другой HTML div не работает

1 голос
/ 07 апреля 2020

Хорошо - это сводит меня с ума. Такая простая загрузка, но ничего не происходит. Любые идеи, как я могу решить это? В идеале я хотел бы создать компоненты (header / footer / et c) для повторного использования во всех.

Вот HTML, который я использую для теста. 

<html>

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

 <script>
   $(document).ready(function() {
     $("#included-page").load("test.html");
   });
 </script>

</head>

<body>
 <div id="included-page"></div>
 <!-- insert page 2 test -->
 <h1>This Page 1</h1>
</body>

</html>

А вот тестовая страница, которую я пытаюсь загрузить 

<!doctype html>
<html>
<head>
</head>
<body>
<p>Included from page test</p>
</body>
</html>

1 Ответ

0 голосов
/ 07 апреля 2020

Было бы проще использовать оператор include, потому что javascript не требуется: 

<html>

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

 <script>
   $(document).ready(function() {
     $("#included-page").load("test.html");
   });
 </script>

</head>

<body>

 <!--#include virtual="test.html"-->

 <h1>This Page 1</h1>
</body>

</html>

Примечание: это не комментарий, а операторы включения имеют тот же формат, что и HTML комментарии.

...