jQuery UI Sortable - IE6＆amp; IE7 z-index问题

Question

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

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