Я пытаюсь использовать JavaScript или jQuery для загрузки файлов заголовка, основного и нижнего колонтитула html из папки в файл индекса html? - PullRequest
0 голосов
/ 12 апреля 2020

Я прочитал много одних и тех же вопросов и попробовал их все, но здесь есть проблема. Будьте осторожны, я использую PHP include для индексного файла, но Plesk сказал мне, что я сломаю хост-сервер, и я должен использовать HTML индексный файл.

Я вызываю jQuery вот так внутри головы:

<!doctype html>
<html lang="en">
<!-- Head start -->

<head>
  
  <title>Advertron ISP - Placeholder</title>
  
  <!-- Custom stylesheets -->
  <link href="https://fonts.googleapis.com/css?family=Ubuntu:400,700&display=swap" rel="stylesheet"/>
  <!-- Advertron ISP CSS -->
  <link rel="stylesheet" href="css/advertronisp.css"/>
  <!-- Custom font kit -->
  <script src="https://kit.fontawesome.com/f6b2049012.js" crossorigin="anonymous"></script>
  <!-- jQuery for replacing content on main html page -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script>
    $(function() {
      $("#header").load("templates/header-top.html");
      $("#main").load("main.html");
      $("#footer").load("footer.html");
    });
  </script>
</head>
<!--/ Head ends -->

<body>
  <!-- Body start here -->
  <div class="grid-container">
    <!-- Header start here -->
    <div id="header"></div>
    <!--/ Header ends -->
    <!-- Main content -->
    <div id="main"></div>
    <!--/ Main content ends -->
    <!-- Footer start here -->
    <div id="footer"></div>
    <!--/ Footer ends -->
  </div>
  <!--/ Body ends-->
</body>

</html>

Это работает, а затем загружает только файл header-top. html, но в тот момент, когда я вставляю (templates /), куда я звоню из папки ранее (main. html) или (нижний колонтитул. html)

Тогда он не загружается и не останавливается поиском kit.fontawesomesome.

Я использую свой localhost в качестве сервера тестирования, и я ' m на Linux и Apache сервер запущен.

Затем я также хотел бы заменитьWith (), когда кто-то нажимает на ссылку или вкладку внутри главной. html файл элемента div на главной . html должно быть заменено другим контентом.

Я читал, что могу использовать XML или ajax или jQuery, но все мои попытки сделать это просто не работают , После того, как я смогу решить первый вопрос, возможно, это решит и второй вопрос.

Благословение Кристо

1 Ответ

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

Я нашел решение в https://www.w3schools.com/howto/howto_html_include.asp для решения проблемы с загрузкой файлов верхнего и нижнего колонтитулов HTML из папки в индекс HTML файл.

Это очень быстрее и работает. Так что, если кто-то еще хочет это сделать, воспользуйтесь решением в W3Schools.

Blessings Christo

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...