2013-06-24 5 views
0

Для сайта, который я создаю, я пытаюсь динамически загружать контент из других html-файлов в index.html (поэтому, когда вы нажимаете ссылку на навигацию, она не будет загружать целую новую страницу, он просто загружает содержимое из другого html-файла). Мне сказали, что лучший способ сделать это - использовать jquery.html не загружается jquery? (загрузка динамического содержимого)

Я включил библиотеку jquery в свою страницу, и я могу вызвать файл .js, в котором будет жить код (он успешно загрузил предупреждение ('boo')), но ни один из содержимое в функциях jquery будет загружаться. Вот код:

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"</script> 
<script src='js/script.js'></script> 

, а затем в файле scrpt.js:

$(document).ready(function() { 
    $('#content').load('content/index.html'); 
}); 
+0

Вы знаете, вы не закроете свой первый тэг сценария, верно!? Разве это имеет значение, если вы делаете? Можете ли вы предоставить ** любую ** отладочную информацию вообще, или мы должны угадать? Что находится в вашей сетевой вкладке? См. HTTP-запрос? Что-нибудь в консоли? – Brad

+1

Вы загружаете jQuery, а также пользовательский интерфейс jQuery? – Blender

+0

отправьте отредактированный код, который вы не закрыли тег сценария для первого –

ответ

0

Вы пытались добавить HTTP на ваш призыв к JQuery:

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"</script> 

Также вы пропускаете закрытие> по вашему тегу скрипта:

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script> 
+0

Это не решение. URL-адреса с '//' действительны и будут использовать то, что имеет текущий протокол. – Brad

+0

@Brad: Это может быть очень хорошо, если OP не использует веб-сервер и не открывает файлы HTML напрямую со своим браузером. – Blender

+0

У меня были проблемы в прошлом, когда я опустил http, поскольку он пытался перейти на: mydomain.com//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js, который, я думаю, может зависеть от настроек с веб-сервера, однако я не уверен – JanR

1

Do l икэ это:

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

... 
<div id="content"> </div> 
... 

<script> 
    $(document).ready(function() { 
     $('#content').load('content/index.html'); 
    }); 
</script> 

обязательно не забыть или перепутать #content и убедитесь, что «содержание/index.html» может быть достигнуть от реальной страницы. Не Нет причин он не работает

EDIT: Убедитесь, что не забыли нагрузки JQuery начиная с JQuery = Jquery UI