2013-02-22 60 views
1

我正在使用jQuery手機進行項目,並且需要在打開彈出窗口時對vclick事件做出反應。 我的問題是vclick事件只是在彈出窗口內而不是在整個頁面內被觸發。 你可以在這裏找到一個簡單的例子。 在此先感謝您的幫助!jQuery手機:彈出窗口和vclick事件

回答

1

您的代碼正常工作,我不知道這是否是您的意圖,但您使用的是popup overlay panel。與jQuery Mobile 1.3版本中的普通面板不同,彈出式覆蓋面板具有隱藏的div div witch,其寬度和全高都是屏幕。

什麼看起來像一個郵件頁面上的點擊只是一個隱藏的覆蓋div的點擊。

你甚至可以測試這個,使用Firefox或Chrome瀏覽器,看看彈出的HTML,你會發現DIV。

你的情況,這個div是一個問題:

<div id="panelPopup-screen" class="ui-popup-screen in" style="height: 611px;"></div> 

您可以隨時切換到jQuery Mobile的1.3 RC1,使用它的面板,只是使它半透明。

編輯:

找到你的解決方案,這裏有一個現場工作的jsfiddle例如:http://jsfiddle.net/SC8hH/

這將解決您的問題:

#panelPopup-screen { 
    display: none; 
} 
+0

謝謝您的回答。我試圖切換到新的面板,但我沒有設法調整它們的高度(我不希望它們使用完整的窗口高度),它們以某種方式破壞我的背景顏色(如果使用新面板,則切換爲白色) 。你有什麼經驗嗎? – sbaltes 2013-02-22 16:18:56

+0

首先看看修復程序,我已經更新了我的答案。 – Gajotres 2013-02-22 16:27:54

+1

很酷,非常感謝!你的解決方案工作正常 – sbaltes 2013-02-22 18:11:08