2015-01-05 81 views
0

我有簡單的容器,我從中使用jQuery .load()函數異步加載簡單的html視圖文件的內容。異步加載內容沒有更新文件更改

更改任何視圖文件的內容後,瀏覽器中未顯示更改。

我認爲這可能是一個問題,在被隱藏並再次顯示後,DOM中的內容被持久化,但即使在清除容器的html並從頭開始加載之後,內容仍未更新。

我正在使用VMware虛擬機與Debian 7和文件夾共享,所以我認爲這可能是共享文件夾同步的問題,但查看VM控制檯內的html文件顯示其內容已正確更新。

沒有涉及緩存,所以我不知道這裏可能是什麼問題。

這裏有一些代碼示例:

的JS是相當複雜的,但這裏的部分,直接負責加載在點擊該文件:

container.load(href + '.html', 
    function(){ 
     self.open(id); 
    }); 

內容是從像文件加載:about.html

<p class="content"> 
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam, autem. 
</p> 

,這裏是我的索引文件的一部分:

<div class="inner-wrapper" > 
    <a href="about" class="box-anchor" data-id="about"> 
     <h2 class="box-title">About</h2> 
    </a> 
    <div class="content-wrapper" id="about"><!--content is being loaded here--></div> 
</div> 
+0

爲什麼你說「沒有緩存參與」? – Pointy

+0

我的意思是,我沒有在服務器上配置任何緩存。 – Nicolas

+2

你能提供一些代碼嗎? –

回答

0

所以我在charlietfl's suggestion後面加入了一個緩存查詢。它解決了這個問題。 這是更新代碼的樣子:

container.load(href + '.html?' + (new Date).getTime(), 
    function(){ 
    self.open(id); 
});