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

Question

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

我创建了上面的 fiddle 来解释我的问题。我正在使用 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 与您提到的问题相同。

CSS element>element Selector IE7以下支持。 对于 element>element 在 IE8 和更早版本中工作，一个 <!DOCTYPE>必须申报。

将其更改为:

#sortable >div { float: left; }

到:

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

Updates Fiddle