[英]jQuery UI Sortable - IE6 & IE7 z-index issue
I'm trying to use jQuery UI's sortable but when dragging from one container to another, the item is appearing BEHIND the container. 我正在尝试使用jQuery UI的sortable,但是当从一个容器拖到另一个容器时,该项显示在容器的后面。
JSFiddle: http://jsfiddle.net/7LrLE/8/ JSFiddle: http : //jsfiddle.net/7LrLE/8/
I've uploaded a screen: 我上传了一个屏幕:
Here's my code: 这是我的代码:
<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>
And here's my jQuery code: 这是我的jQuery代码:
$('.droppable').sortable({
appendTo: 'body'
axis: 'y',
connectWith: '.droppable',
zIndex: 5
}).disableSelection();
Any help is greatly appreciated! 任何帮助是极大的赞赏!
I was able to fix the issue using the following jQuery code: 我可以使用以下jQuery代码解决此问题:
$('.droppable').sortable({
axis: 'y',
connectWith: '.droppable',
over: function() {
$(this).css('z-index', '1');
},
start: function() {
$(this).css('z-index','2');
}
}).disableSelection();
我认为您需要动态减小zIndex
属性,以便上方的元素具有比下方的元素更高的zIndex
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.