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