2017-02-22 100 views
7

https://jsfiddle.net/hjcsnrs3/1/滾動在IE9上創建拖行拖放元素

我上面搗鼓創建解釋我的問題。我使用jQuery對水平拖放元素進行排序。在Chrome/FF中運行良好。但在IE中,特別是IE9,每當我拖動和元素,它下降到下一行。每個拖放創建新行。

$(function() { 
    $("#sortable").sortable({ 
    items: "> div", 
    opacity: 0.8, 
    placeholder: "placeholder", 
    tolerance: "pointer", 
    helper: "original", 
    revert: true, 
    axis: "x" 
    }); 
    $("#sortable").disableSelection(); 
}); 
+4

你可能要考慮使用替代升級解決方案的jsfiddle不支持IE9,我可以」如果結果不顯示,則測試/調試結果。 –

+1

我懷疑這可能實際上是一個跨瀏覽器CSS問題 –

+0

無法複製您的問題,即使使用IE8上的jquery-ui-1.12.1 ...也許你錯過了你的小提琴的東西?只是問問。 – deblocker

回答

0

我在每個版本的IE上做了一個本地副本。它在除IE5以外的所有版本都可以正常工作。 IE5具有與您所提及的相同的問題。

CSS element>element Selector在IE7下支持。 對於元素要在IE8及更早版本中工作,必須聲明<!DOCTYPE>

它的變化來自:

#sortable >div { float: left; } 

到:

.ui-sortable-handle{float:left;} 

Updates Fiddle