2012-03-29 65 views
1

目前尝试在添加ajax到一个网站,经过多次阅读后,我发现history.js涵盖了我需要的所有领域。 然而,尝试我可能似乎无法获得jquery文件加载时,通过Ajax调用页面。问题加载js脚本与history.js

我已经下载了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重新加载主导航导致的问题,重新编码了页面,以便导航完好无损,并解决了问题。

+0

伟大的你回答了你自己的问题。不要忘记稍后再检查一下,并将其标记为已接受,以便每个人都知道您的问题已经解决! – Marijn 2012-04-06 09:21:31