2017-02-22 101 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