0

アプリケーションのレイアウトに jquery レイアウトを使用しています。http://layout.jquery-dev.net/demos/complex.html West Pane から Inner ペインにドロップできる要素のリストがあります。いずれかの li をドラッグしようとすると、項目が後ろに移動します。つまり、西のペインが右にスクロールし、ノードが中央のペインに移動しません。これは z-Index の問題かもしれないと考えていましたが、zIndex 値を最大値 (10000) に設定しても機能しません。これを機能させる方法はありますか？

ドラッグアンドドロップに使用したコードは次のとおりです。

//nodetitle は西ペインのスパンに関連付けられたクラスです

     $(".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 は内部ペインの 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 に答える