2011-10-24 118 views
2

我有一個iframe,其中包含一些用於數據錄入的選擇下拉列表。我最近開始注意到鼠標點擊iframe中的select元素,下拉列表不會展開。用戶可以點擊下拉菜單以設置焦點,然後使用鍵盤上的向上/向下箭頭滾動瀏覽內容,但單擊列表旁邊的箭頭按鈕不會導致它擴大&顯示其內容。IE7跨域iFrame選擇問題

此框架所嵌入的父頁面駐留在不同的域上。最初我認爲這可能與iframe中的javascript onfocus事件有關。我刪除了所有的腳本,擺脫了所有的CSS,並將其簡化爲一個簡單的靜態html父母,其中包含一個僅包含select元素的靜態html簡單iframe頁面。在同一臺服務器上運行時,下拉列表將正常運行,但當父頁駐留在一個域上,並且iframe內容位於另一個域上時,選擇列表將無法展開。

這個問題似乎只發生在IE7中。我已經在IE8 & IE9中測試過,沒有任何問題,以及在Safari,Chrome & Firefox中。我發現了一些在上週出現的博客帖子(下面的鏈接)似乎正在運行同樣的問題,但沒有解決方案。

http://johannes.jarolim.com/blog/2011/10/20/internet-explorer-cross-domain-iframes-and-unusable-select-boxes/

http://scrumpy-jack.com/post/11177166236/html-select-crazy-egg-ie-and-iframes-updated

有沒有人找到了解決這個問題呢?

回答

4

我們制訂瞭解決此問題的通過交換標準下拉與jQuery下拉菜單僅適用於IE7用戶。我們開發了一個腳本並將其放在一些IE條件標籤之間。

我們不能等待MS發佈另一個補丁!

+0

我們最終實現了一個類似的基於IE版本的解決方法。感謝您的建議並對延遲將您的回覆標記爲答案感到抱歉! –