滚动在拖放元素中在IE9中创建行

Question

https://jsfiddle.net/hjcsnrs3/1/

我创造了上面的小提琴来解释我的问题.我正在使用jQuery sortable水平拖放元素.适用于Chrome/FF.但是在IE中,尤其是IE9,每当我拖动元素时,它都会下降到下一行.每个拖放都会创建新行.

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

Answer 1

我在每个版本的 IE 上都制作了一个本地副本。除了 IE5 之外，它在所有版本中都可以正常工作。IE5也有你提到的同样的问题。

IE7以下支持CSS元素>元素选择器。要使 element>element 在 IE8 及更早版本中工作，<!DOCTYPE>必须声明 a。

将其更改为：

#sortable >div { float: left; }

到：

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

更新小提琴