Проблема загрузки JS-скриптов с помощью history.js
В настоящее время пытаюсь добавить ajax на сайт, после долгих чтений я обнаружил, что history.js охватывает все области, которые мне нужны. Однако, как я ни стараюсь, я не могу загрузить файлы jquery, когда страницы вызываются через ajax.
Я скачал файлы history.js & ajaxify-html5.js, переместил их внутрь #content div на каждой странице, где загружается контент, но все еще не заставляю js работать с динамически вызываемыми страницами.
Весь HTML-код корректен, вот краткий обзор кода (урезанный):
<header>
<title>Site Name</title>
</header>
<body>
<section id="container">
<div id="ajax-page">
*Content here*
<script type="text/javascript" src="js/myscript.js"></script>
</div>
</section>
</body>
Стандартный ajaxify-html5.js с небольшими изменениями:
// Wait for Document
$(function(){
// Prepare Variables
var
/* Application Specific Variables */
contentSelector = '#ajax-page,article:first,.article:first,.post:first',
$content = $(contentSelector).filter(':first'),
contentNode = $content.get(0),
$menu = $('#menu,#nav,nav:first,.nav:first').filter(':first'),
activeClass = 'active selected current youarehere',
activeSelector = '.active,.selected,.current,.youarehere',
menuChildrenSelector = '> li,> ul > li',
/* Application Generic Variables */
$body = $(document.body),
rootUrl = History.getRootUrl();
Есть идеи, что я делаю не так? Был бы очень признателен за помощь.
1 ответ
Это была проблема, вызванная перезагрузкой главной навигации с помощью ajax, перекодирование страницы, чтобы навигация оставалась неизменной, и это устраняет проблему.