2013-02-22 81 views
1

我目前正在研究移動應用程序,並使用jQuery Mobile。這個應用程序基本上是一個產品的搜索引擎。jQuery Mobile AJAX加載帶搜索結果的以前的數據

目前,如果我要搜索產品,我的腳本會處理在搜索字段中提交的內容,並查找任何相關產品。結果來自通過AJAX加載的JSON文件。這工作沒有缺陷。

我遇到的問題是,如果我要搜索「one」,然後返回搜索字段再次搜索。一旦我尋找別的東西。第一次搜索的結果仍然在結果頁面上,以及我的新搜索結果。這顯然是一個問題。

一旦點擊了應用程序「後退」按鈕,我該如何清除AJAX數據?這樣,如果我搜索「one」,然後返回並搜索「two」。我只看到我最近搜索的結果。

預先感謝您!

+0

你需要給我們更多的信息,這是不夠的。當你提交搜索時,你的數據加載到一個列表視圖,點擊一個列表視圖轉發到另一個頁面或什麼?這部分是正確答案所必需的。 – Gajotres 2013-02-22 14:11:48

+0

是的,如果您搜索「one」,您會在結果頁面的listview中看到「one」的結果。如果您單擊其中一個結果,它會將您帶到詳細信息頁面。 – usmck405 2013-02-22 14:38:58

回答

0

當你回到上一頁時,你需要看看listview內容是否爲空,如果不是這種情況,它們會清空它。

我給你做了一個簡單的例子:http://jsfiddle.net/Gajotres/bTgth/,可以說當你打開這個例子時,它就像你的回頁面動作一樣。

當打開一個ID索引頁,我們將檢查列表中有內容,如果這是真的空它:

$(document).on('pagebeforeshow', '#index', function(){  
    if($('#custom-list li').length > 0){ 
     $('#custom-list').empty(); 
    } 
}); 
+1

這工作完美!謝謝你的幫助。 – usmck405 2013-02-22 16:05:11