jQuery的UI在IE9

Question

在頁面加載的CSS干擾

我想這粘頁腳模式應用到我的模板：

http://ryanfait.com/sticky-footer/

但Internet Explorer 9中，我看到一個滾動條，如果我向下滾動大量的白色空間出現的頁腳下面：

它會變得怪異，因爲我剝奪越來越多了我templat的直到我剩下基本的佈局，bootstrap，footer css，jquery和jquery-ui。

Jquery和jquery-ui庫僅包含在頭部，沒有其他可以調用它們的Java腳本。

這個問題仍然存在，直到我從頭上刪除jquery-ui。然後頁面呈現確定。

下面是一些活生生的實例：

With jquery-ui

Without jquery-ui

另外，如果我調整窗口大小的白色空間消失。抓住吸管我甚至試圖在頁面加載時觸發$（window）.resize（），但沒有這樣的運氣。

有沒有人有任何想法爲什麼哦爲什麼Internet Explorer 9添加這個神祕的白色空間，以及如何使它停止？我以爲IE9應該是最符合IE的物種...

感謝您的任何幫助，我一直拉着我的頭髮整天在這個問題上。

Answer 1

用於調試jquery-ui，發現一些運行在文檔準備好的模糊代碼，它將一個div附加到頁面末尾以修復3年前的IE6問題！

jQuery UI的1.8.17 225線：

var body = document.body, 
     div = body.appendChild(div = document.createElement("div")); 

$.extend(div.style, { 
     minHeight: "100px", 
     height: "auto", 
     padding: 0, 
     borderWidth: 0 
}); 

$.support.minHeight = div.offsetHeight === 100; 
$.support.selectstart = "onselectstart" in div; 

// set display to none to avoid a layout bug in IE 
// http://dev.jquery.com/ticket/4014 
body.removeChild(div).style.display = "none"; 

刪除此解決我的問題，我認爲IE9的兼容性比IE6更重要。

Answer 2

您是否正在使用與jQuery UI共享的任何css類名稱？他們都以ui-開始，例如ui-icon，ui-widget-content等。請參閱CSS Framework docs瞭解更多信息。