0

我有代码：

<div class="content">
    <div id="sortable">
        <div class="guide">Element 1</div>
        <div class="guide">Element 2</div>
    </div>
</div>


<div class="overlay" style="position: absolute; display:block;">
</div>

我有脚本：

$('#sortable').sortable({
    revert: true
});

$( ".guide" ).live({
    mouseover: function(event)
    {
        event.preventDefault();

        var item = $(this);

        var width = item.outerWidth();
        var height = item.outerHeight();

        var posTop = item.position().top + ((item.outerHeight(true) - item.outerHeight()) / 2);
        var posLeft = item.position().left + ((item.outerWidth(true) - item.outerWidth()) / 2);


        $('.overlay').css({left: posLeft, top: posTop, width: width, height: height});
    }
});

也就是说，我有一个可排序的 DIV，但绝对 DIV 会用鼠标悬停事件覆盖您的项目。但我不能再对底层元素进行排序。

出于技术原因，我需要在 DIV 元素上使用它。我在 jsFiddle 上做了一个例子：

http://jsfiddle.net/roneioliveira/NPdnv/4/

4

0 回答 0