2012-03-29 67 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