2015-09-25 2 views
0

Я пытаюсь вытеснить секцию заголовка (которая будет часто меняться), так как это собственный HTML-файл, и использовать jQuery для загрузки его с помощью функции .load. Я сохранил файл, который будет использоваться в отдельной папке и загрузить первый элемент, то скрипт (я объявил JQuery 1,10 кстати)Загрузка внешнего html в файл с помощью jQuery

Вот код: на странице, где я хочу, чтобы пойти:

<div id="header"></div> 
<script type="text/javascript"> 
$(document).ready(function(){   
$(‘#header').load(‘externals/header.html'); 
}); 
</script> 

и файл находится в папке под названием «» внешние

Однако страница не загружается заголовок. Вот код страницы, для чего это стоит:

<div class="logo"> 
    <h1><a href="../index.html"> <img src="../images/logo.png" alt="Whitehouse Dezigns - Custom Built Streetrods"></a></h1> 
</div> 

<div class="head-icon"> 
     <a href="https://www.facebook.com/whitehousedezigns" class="head-icon-01" target="_blank"></a> 
     <a href="http://instagram.com/whitehouse_dezigns" class="head-icon-02" target="_blank"></a> 
     <a href="https://youtube.com/channel/UC7zCRezIASm4EaZLM_ADn3w" class="head-icon-03" target="_blank" target="_blank"></a> 
     <div class="clear"></div> 
    </div> 

     <nav> 
      <ul class="sf-menu"> 
      <li class="current"><a href="index.html">Home</a></li> 
      <li><a href="../about.html">About Us</a></li> 
      <li><a href="../services.html">Services</a></li> 
      <li><a href="../gallery.html">Gallery</a></li> 
      </li> 

      </ul> 
      <div class="clear"></div> 
     </nav> 

     <div class="clear"></div> 
</div> 

+0

Я сделал быструю проверку, и я думаю, что ответ находится в другом сообщении. http://stackoverflow.com/questions/15005500/loading-cross-domain-html-page-with-jquery-ajax – Tom

+0

U нужно применять данные как-то. См. Документацию: http://api.jquery.com/load/. Я не вижу здесь ничего. – jedrzejchalubek

ответ

0

Похоже, что вы используете несоответствующие кавычки:

$(‘#header').load(‘externals/header.html'); 

пытаются

$('#header').load('externals/header.html'); 
+0

эй это сработало. Хороший глаз! Благодаря! –

0

$(‘#header').load(‘externals/header.html'); и $('#header').load('externals/header.html');

Не то же самое. Апостроф против одиночной цитаты.

Если он по-прежнему не работает, проверьте свою консоль на 404 ошибки. Исходя из значения, которое вы передаете для загрузки, он не видит, что это проблема с перекрестным доменом.

+0

Да, потому что я написал это некоторое время назад, сохранил его в своем письме по мере того, как отправил его мне по почте, а затем получил его с копией/вставкой - и неправильное форматирование символов я предполагаю. –

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