2011-11-13 67 views
4

我在jQuery Mobile中有一個頁面,這是主頁面。它有一個項目列表,當你點擊一個項目時,它會加載關於它的信息。爲了動態加載信息,它調用一個外部頁面並將其全部提交。該外部頁面上有一個小腳本以允許用戶處理單擊按鈕(將一些信息提交給服務器)。允許在jQuery Mobile對話框中使用腳本嗎?

當你單獨加載頁面,它處理腳本就好了。當您將其作爲對話框加載時,腳本不會加載。

我試圖把該腳本的頁面本身內。我試圖把腳本放在加載對話框的主頁面上。它沒有任何作用。我使用控制檯進行了調試,並且無法讀取特定於外部頁面對話框的任何腳本。

有一些竅門呢,還是乾脆對話框忽略任何腳本?有沒有辦法解決它?有沒有一種方法可以將頁面完全樣式化爲對話框,直到解決此問題?

編輯: 我只是做它沒有對話,它仍然是這樣做的。如果我關閉AJAX單獨加載頁面,一切正常。我需要保持頁面轉換和加載對話框,所以關閉它不是一個選項。

我目前使用的外部頁面的頭部

<script> 
$(document).delegate("#productinfo", "pagecreate", function(){ 
    //code here 
}); 
</script> 

回答

1

發佈編輯到問題的答案:

我把它通過把腳本里面的工作頁div:

<div data-role="page" id="productinfo"> <!-- /markup--> </div> 

...並把它放在最後的一切。

一旦我得到了解決,這是工作的一些時間,而不是其他人。我想不出來,直到我意識到按鈕的z-index被更改爲0,以便它不會優先於jQuery UI自動完成,只要我選擇某個字段。我在按鈕上將z-index設置爲1(默認值是2,它將覆蓋jQUI的自動完成爲1),現在它似乎可以工作。

我知道沒有太多的活動在這裏,它很可能已經被之前問了一個問題,但我不能谷歌任何東西保存在這個題目我的生活。希望這有助於未來的人。

1

我通過把js腳本主頁上解決了這個問題:

$(document).on("pageinit", "#my-dialog-page-id", function(e) { 
    // put your js here 
}); 
+0

這爲我工作。 –