jQuery UI可排序- IE6和IE7 z索引问题

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