0

我正在使用 jquery 布局来布局我的应用程序。http://layout.jquery-dev.net/demos/complex.html 我有一个可以从西窗格拖放到内窗格的元素列表。现在，当我试图拖动任何 li 时，该项目将向后移动，即西窗格向右滚动，节点不会到达中心窗格。我在想这可能是 z-Index 问题，但即使我确实将 zIndex 值设置为最大值（10000），它也不起作用。有什么办法可以使这项工作？

我用来拖放的代码是：

//nodetitle 是与 West Pane 上的 span 关联的类

     $(".nodetitle").draggable({
            helper: 'clone',
            zIndex: 2700,
            create: function () {
                var $self = $(self);
            },

            stop: function () {
                var $self = $(self);
            },
            drag: function (event, ui) {
                cursor: 'move';
                helper: 'clone';
            },

            revert: function (event, ui) {
                return !event;
            }

        });

//treedroppable 是 Inner Pane 中的一个 div id

            $('#treedroppable').droppable({
            activeClass: 'ui-state-hover',
            hoverClass: 'ui-state-active',
            drop: function (event, ui) {

                if (ui.draggable.attr('class') == "nodetitle") {

                var droppedWidget = $($(".nodetitle").clone());
                document.write(droppedWidget);

                }

                return true;
            }


        });

谁能让我知道我在哪里失踪？

谢谢。

4

1 回答 1

1

基本上以下选项需要在可拖动控件上：

               helper: 'clone',
                revert: true,
                 appendTo: 'body',
                scroll: false,
                revertDuration: 0,
                zIndex:9999999

关键是 scroll 应该设置为false并且 appendTo 应该设置为body。

很简单，但我不得不挖掘很多地方才能得到最终答案。

阿尼尔班

于 2012-05-03T21:12:17.527 回答