2014-05-19 88 views
1

好的,所以我碰到了牆壁。我已經拿到了PhoneGap App的代碼,並將其精心製作成移動Web應用程序(基本上我只是將它發佈到服務器上,當它不起作用時會感到震驚)。更改頁面問題將PhoneGap應用移動到移動網絡

我花了接下來的幾個小時來取消所有以PhoneGap爲中心的事情,例如, navigator.notification.alert()到window.alert()。在那之後,我得到了這隻野獸。但是,我遇到了有關更改頁面的單個問題。

原來的應用程序是利用jQuery和jQuery Mobile。這是基本的單頁面範式,其中「頁面」在單個html內鏈接到id。我清除了任何與PhoneGap的鏈接。現在出現這個問題。我被鏈接到單獨的「頁面」使用:

$.mobile.changePage("#page1", {transition:"slide", changeHash:false}); 

相當常見的,應該由我最好的猜測和最好的谷歌搜索仍然是一個移動網頁的工作。但事實並非如此。很好,我會轉移到更常見的東西,然後轉到window.location.repalce()然後window.location.href =既不工作。然後,在Google搜索之後,我發現人們對瀏覽器有問題,我看到我的代碼在Chrome中工作,但沒有在標準Android Browser v5.5 Android版本4.3中使用。叫一個朋友,它似乎也不能在iPhone Safari瀏覽器iOS6中工作。我覺得很好,我會以不同的方式來到這裏,撕毀網站,並將其構建爲一箇舊式網站,所有網頁都鏈接在一起,但仍然沒有任何內容。

關於下一步看什麼的任何想法。沒有錯誤正在返回,我可以找到,代碼只是停止死亡。當我在頁面更改後放置window.alert時,它會轉到警報,但在單擊確定後不會轉到頁面。它只是停滯不前,什麼都不做。

任何你可以建議作爲可能的解決方案我願意給以前。

+0

對於第一句話+1。我還試圖將PhoneGap應用程序移到網絡上 - 您的網站是否正常工作?任何有用的資源,你可以指向我? – hubatish

+0

我發現大部分工作都是正常的,但我所做的並不是使用jQuery Mobile口授的單頁系統,而是將一頁分解成多頁,並將其構建爲傳統網頁。我沒有真正找到任何資源,我只是在黑暗中摸索。 – ashcanschool

回答

0

首先,我試圖使用過時的功能,它會被替換:

$.mobile.pageContainer.pagecontainer("change", "target", { options }); 

之後,我發現這是一個錯誤的AJAX調用的結果。把我扔掉的奇怪的事情是,有些項目會在通話中工作(即使通話失敗),有些則不會。

我自己的案例的答案是修復AJAX調用的PHP並更新我對changePage的使用。