2013-12-13 61 views
0

現在,我的頭靠在牆上撲了一天半。大家是否放棄了老式的頁面結構去jQuery Mobile?使用jquery moble與老式的hrefs只是不會正常工作

我有一個網頁,跟蹤立法。主導航欄都按這樣的: /bills/list/legislators/list/committees/list

其中每一個環節被改寫成

index.php?category=$1&detail=$2 

所以/bills/list轉化爲

index.php?category=bills&detail=list 

但是,當我從導航欄加載一個頁面,使用a href標記,使用AJAX加載器可以加載所有的頁面,但新加載的頁面不會運行腳本,也不會顯示任何格式NG。這是個問題。

我所看到的所有建議都說.bind東西或.refresh.trigger沒有任何背景,我曾嘗試過的所有事情都讓我感到無法接受。

請幫忙!順便說一句,如果我只是data-ajax=false它的一切工作完美。但我想要ajax給出的快速加載!我只是不明白它是如何工作的,並且在我能找到的網絡上確實沒有好的指針。

此pastebin中的代碼:http://pastebin.com/9jMxV0B6 您可以看到我努力工作的一些工件。

從我收集的內容中,您不應該通過a href調用新頁面,但爲什麼地獄會使用href的導航菜單?這是應該調用一個函數或什麼的?

+0

所以你只需更換整個頁面或只是導航欄?您提供的代碼格式不正確。例如ln31也有額外的標籤和許多其他地方。請先清理你的代碼。 – coderek

+0

你有'data-ajax'錯誤,頁面將被加載而沒有Ajax,也就是說,如果該HTML文件沒有放在'head'中的JS庫,它不會看起來風格。你在哪裏閱讀過不應該通過'href'加載的新頁面? – Omar

回答

0

「但是當我從導航欄加載頁面時,使用基本的舊式href標籤,頁面使用AJAX加載器加載所有非常好用,但新加載的頁面1.不運行腳本,並且2.不要顯示任何格式,這是一個問題。「

發生這種情況是因爲JQM忽略除加載的第一頁以外的所有其他頁面中的所有標題。因此,如果您想對頁面使用頁面事件進行任何更改,請將它們放在第一頁。

我有問題,也理解它。這裏是我以前的帖子的一個鏈接,它解釋了一下:How do I enable onload in jQuery mobile (open page both from link & load)?

希望它清除了一些東西給你。我的建議是做兩個簡單的頁面並測試簡單的URL功能。

+0

謝謝,開始得到這個。我認爲這是一個不同的方式去實現它。感謝你的幫助。會upvote但沒有足夠的聲譽。 –

+0

http://www.w3schools.com/jquerymobile/jquerymobile_events_page.asp也是一個很好的鏈接。它有簡單的例子。如果您願意,您可以將我的回覆標記爲答案。樂於幫助! – user3023313