iframe中的sencha touch應用程序的問題

Question

在我的網頁中，我必須顯示使用sencha touch完成的另一個網頁的內容。我正在使用iframe用於此目的。但問題是，查看觸摸網頁中的選擇菜單（通過iframe加載）在查看時不會出現在iphone瀏覽器中。有一個疊加層，但不是選擇菜單。當通過瀏覽器直接查看sencha觸摸應用程序時，它會很好。所以我認為問題在於使用iframe.Any解決方案使iframe工作？。修改sencha觸摸是不可能的，因為這是由不同的團隊維護，我沒有任何控制該代碼。

為了說明問題，我在iframe中加載了sencha touch kitchen sink app.Here是url。 http://pastehtml.com/view/c6mqj67b0.html

請從iPhone瀏覽器/模擬器打開選擇菜單“排名”，您可以看到問題。

我可以在任何解決方案中完成這項工作嗎？

提前致謝。

Answer 1

對不起@ user700284但是疊加iframe還沒有在iOS和Android瀏覽器上運行; 只有這一刻適用於瀏覽器桌面。 但你可以把iframe沒有覆蓋到你的Ext.Panel這樣的東西，

Ext.Panel({
   items: [
    {
       xtype: 'panel',
       html: '<iframe width="560" height="315" src="http://www.sencha.com/products/touch/" frameborder="0" allowfullscreen></iframe>',
       id: 'Idpanel',
       hideOnMaskTap: true
    },
   ]
})

希望這些有幫助。 :)

Answer 2

使用對象標記而不是iframe，看看是否有所不同。

Answer 3

加載選擇字段的iFrame可在iPad（本機和移動游戲）上完美運行。 但是在iPhone上卻出現了同樣的錯誤。 還有其他解決辦法嗎？