目前正在尝试向网站添加ajax,经过多次阅读后,我发现history.js涵盖了我需要的所有区域。 但是尝试我可能无法在通过ajax调用页面时加载jquery文件。
我已经下载了history.js& ajaxify-html5.js文件,将's'移动到加载内容的每个页面上的#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();
关于我做错的任何想法? 非常感谢一些帮助。
答案 0 :(得分:1)
这是一个问题,是因为使用ajax重新加载主导航,重新编码页面以使导航保持不变,这解决了问题。