jQuery UI Sortable - IE6 & IE7 z-index 问题

Question

我正在尝试使用 jQuery UI 的 sortable，但是当从一个容器拖动到另一个容器时，该项目出现在容器后面。

JSFiddle：http://jsfiddle.net/7LrLE/8/

我已经上传了一个屏幕：

这是我的代码：

<ul class="droppable grid-9">
  <li>aaaaaaaa</li>
  <li>bbbbbbbbbbbbbbbb</li>
  <li>ccccccccccccccc</li>
</ul>
<ul class="droppable grid-9">
  <li>xxxxxxxxxxx</li>
  <li>yyyyyyyyyyyy</li>
  <li>zzzzzzzzzzzzzz</li>
</ul>

这是我的 jQuery 代码：

$('.droppable').sortable({
  appendTo: 'body'
  axis: 'y',
  connectWith: '.droppable',
  zIndex: 5
}).disableSelection();

非常感谢任何帮助！

已修复

我能够使用以下 jQuery 代码解决此问题：

$('.droppable').sortable({
  axis: 'y',
  connectWith: '.droppable',
  over: function() {
    $(this).css('z-index', '1');
  },
  start: function() {
    $(this).css('z-index','2');
  }
}).disableSelection();

Answer 1

我认为您需要动态减少 zIndex 属性，以便上面的元素比下面的元素具有更高的 zIndex