使用history.js加载js脚本的问题

时间:2012-03-29 14:42:20

标签: jquery html5 history.js

目前正在尝试向网站添加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();

关于我做错的任何想法? 非常感谢一些帮助。

1 个答案:

答案 0 :(得分:1)

这是一个问题,是因为使用ajax重新加载主导航,重新编码页面以使导航保持不变,这解决了问题。