1

こんにちは、私はフォームのドラッグアンドドロップを作成するためのページを開発しましたが、内部要素のドロップに問題があります。例：

<div class="container">
   <div classs="row"> <! - I drop here -!> </ div>
   <- Content is dropped here! : '(-!>
</ div>

これが私のJavascriptです：

        $(document).ready(function(){

                $( "#a .row-element" ).draggable({ 
                    revert: "invalid",
                });

                $(  "#a .span2-element" ).draggable({ 
                    revert: "invalid",
                });

                $(".row").droppable({
                    accept: '.span2-element',
                    activeClass: "ui-state-hover",
                    hoverClass: "ui-state-active",
                    greedy: true,
                    drop: function(event, ui) {
                        $('<div class="span2"></div>"').appendTo(this);
                    },
                    activate: function(event, ui) {
                        $(ui.helper).draggable({ revert: "valid"});
                    }
                });

                $(".container").droppable({
                    accept: '.row-element , .span2-element',
                    activeClass: "ui-state-hover",
                    hoverClass: "ui-state-active",
                    greedy: true,
                    drop: function(event, ui) {
                        $('<div class="row"></div>"').appendTo(this);
                    },
                    activate: function(event, ui) {
                        $(ui.helper).draggable({ revert: "valid"});
                    }
                });
        });

新しく作成された要素はdropavelではないようです...：/

助言がありますか？！前もって感謝します！

4

1 に答える 1

0

まず、HTMLコードが次のとおりであることを確認してください。

<div class="container">
   <div class="row"></div>
</div>

それでは、なぜあなたは持っていますか： 

$('<div class="span2"></div>"').appendTo(this);

あなたが持っている必要があります：

 $('<div class="span2"></div>').appendTo(this);
于 2012-10-08T15:15:36.703 に答える