2012-05-16 49 views
0

我目前正在開發基於jQuery Mobile的應用程序。我們之所以選擇它,是因爲那一刻它看起來如此光亮而美味,但隨着越來越多的工作,我越來越多地陷入了困境。jQuery Mobile pageinit,腳本加載和其他東西

我創建了所有頁面,他們工作得很好,但是在將它們與其他人聯繫起來後,我開始遇到一些困難。

對於每一頁我需要加載不同的腳本和第三方庫,經過一些研究後,我想出了爲data-role =「page」添加id並使用.delegate()加載它們,但那給了我一個麻煩,所以問題:

1)如何解除/殺死/清除/刪除所有加載的腳本,當你移動到另一個頁面?

問題是,當我將「第2頁」,做:

$(document).delegate('#page-2', 'pageinit', function() { 

...do something 

}); 

去後,「第1頁」或裝有#頁2 .deligate的東西「第3頁」( )停留在DOM中,並與其他頁面上的腳本衝突。


P.S.凌亂但整個文件可以在這裏看到 - http://cloud.ignatynikulin.com/011R3x2k401i271N420N


P.P.S.快速更新一個問題:

爲什麼如果條件不工作.deligate()pageInit和如何使其工作?


謝謝

回答

0

不太答案,但你能在移動單獨的文件的某些頁面?就我而言,如果我想編輯列表中顯示的項目,我正在使用單獨的aspx文件。例如,

<ul data-role="listview"> 
    ... 
    <li> 
    <a href="ItemPage.aspx?Id=1" rel="external">Item1</a> 
    </li> 
    ... 
</ul> 
+0

我的網頁是單獨的文件,但是當它與AJAX加載它是不會改變,是嗎? – ignaty

+0

Ajax僅加載HTML的正文部分。頭部與現有文件保持一致。 –