Сортируемый пользовательский интерфейс jQuery - проблема z-индекса в IE6 и IE7 - PullRequest
Новая
       11

Сортируемый пользовательский интерфейс jQuery - проблема z-индекса в IE6 и IE7

1 голос
/ 27 января 2011

Я пытаюсь использовать сортировку пользовательского интерфейса jQuery, но при перетаскивании из одного контейнера в другой элемент появляется позади контейнера.

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

Я загрузилэкран:

enter image description here

Вот мой код: 

<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();

1 Ответ

0 голосов
/ 28 января 2011

Я думаю, вам нужно динамически уменьшить свойство zIndex, чтобы у элемента выше был zIndex, чем у элемента ниже

...