Question

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

我习惯拖放的代码是：

// nodetitle是与West Pane上的跨度相关联的类

     $(".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;
            }


        });

任何人都可以告诉我在哪里错过了吗？

感谢。

Answer 1

基本上需要设置以下选项：

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

键是滚动应设置为 false ，appendTo应设置为 body 。

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

Anirban

使用jquery布局从西窗格中删除中心窗格上的元素时发出问题

1 个答案: