IE中的jQuery UI可拖動遏制漏洞

我必須實現一個網格單元，其中用戶必須能夠通過拖放&拖放來選擇特定單元格。列和行的數量是預定義的（45 x 30個單元格），單元格必須是正方形。網格還需要放置在響應Twitter Bootstrap佈局（流體行）中。IE中的jQuery UI可拖動遏制漏洞

我用jQuery的用戶界面的draggable和指定的容納其是流體跨度內的<section>：

<div class="container-fluid"> 
    <div class="row-fluid"> 
     <div class="span3"> 
      ... sidebar 
     </div> 
     <div class="span9"> 
      <section id="grid"></section> 
     </div> 
    </div> 
</div>

的問題是，只有在IE（只測試版11到目前爲止）可拖動元件（這是通過jQuery生成並從左上角開始，大小爲2×2的單元格）可以拖動，但是當我嘗試將它拖回到左上角時，包含的內容會變得混亂，而且我無法拖動它到了遏制的邊緣了。

我安裝了一個顯示問題的JSFiddle：http://jsfiddle.net/e2yfC/307/。

我試圖清理所有額外的JavaScript代碼，以便閱讀。正如您將看到的，只有包含網格的流體跨度具有百分比寬度（或寬度爲847.23px）時纔會出現問題。由於引導柱（span9）需要流體，我不能解決問題。

我也試着換另一格在那裏我指定一個非百分比寬度（家長Math.floor()（fluid span9）寬度內，但不影響我的網格。

來源

2014-02-26 Midi81

對不起，我貼錯的jsfiddle版本，更新它（307） – Midi81

我剛更新了你的文章中的一些東西。請重新更新JSFiddle鏈接。 –

非常感謝！ – Midi81

我想你的小提琴，我不明白爲什麼它的行爲像這一點。

嘗試刪除margin: 0px auto;在#grid，我能夠給元素拖回到左上角。

#grid { 
    //margin: 0px auto; //remove this 
    position: relative; 
    background: #ffcc00; 
}

來源

2014-02-27 02:26:01

這解決了一個小容器div（600px）的問題，但由於我的容器響應問題仍然存在。我更新了JSFiddle，並將容器寬度設置爲1200px - 如果將該框拖動到右下角，請將其拖放並再次拖動，但不能將其移動到左上角。出於某種原因，第一列被阻止。更新JSFiddle：http://jsfiddle.net/e2yfC/308/ – Midi81

有沒有人有想法？我的最後期限是在幾天之內，這是一個非常有名的非政府組織網站...... – Midi81

IE中的jQuery UI可拖動遏制漏洞

回答

相關問題