2013-02-20 85 views
1

我有一個問題,使filepicker.io與最新的10以外的IE版本一起工作。其他瀏覽器工作正常。Filepicker.io在IE10中工作,而不在IE9或IE8中

enter image description here

我附上一個簡單的代碼示例(jQuery的準備部分我試圖使它工作)。在IE8和IE9上,「Pick File」按鈕不顯示。將顯示一個空白文本輸入。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script src="//cdnjs.cloudflare.com/ajax/libs/json2/20121008/json2.js"></script> 
<script> 
    $(document).ready(function() { 
     filepicker.setKey('mykeygoeshere'); 
    }); 
</script> 
<body> 
    <input type="filepicker" /> 
    <script src="//api.filepicker.io/v1/filepicker.js"></script> 
</body> 

與此同時,這https://developers.filepicker.io/docs/web/#widgets-pick的作品。 我在這裏錯過了什麼?

UPDATE:

我忘了提,即IE9,我們在測試上提出

SCRIPT5009: 'JSON' 未定義

,我們不得不添加

<script src="//cdnjs.cloudflare.com/ajax/libs/json2/20121008/json2.js"></script> 

代碼。上述代碼已更新。

當我們去調試器,它不會顯示任何更多的錯誤。此外,網絡分析器顯示,該filepicker自行進行初始化並拉:

https://www.filepicker.io/dialog/comm_iframe/ GET 200 text/html 1,02 KB 171 ms appendChild <frame> 
+0

我不是很積極,這將工作,但嘗試關閉您的輸入標記,如 brettcvz 2013-02-21 00:31:09

+0

不會改變任何東西,不幸的是。我將調試更多並添加上面的調查結果。 – 2013-02-21 08:52:13

回答

0

答案很簡單,只是爲了尋找它的地方需要外的現成辦法的一點點。

我們先後與不同的兼容性模式,它的橫空出世,IE瀏覽器選擇了這個特殊的渲染模式:

<meta http-equiv="X-UA-Compatible" content="IE=5" /> 

不就是例子文件有任何meta標籤...但它開始工作,當內容被設置爲IE = 8,IE = 9(不奇怪)中的任何一個,如在http://blogs.msdn.com/b/askie/archive/2009/03/23/understanding-compatibility-modes-in-internet-explorer-8.aspx

希望這可以幫助某人。案件結案。

相關問題