vesnamyname
New Member
Well,Hello folks I developed a page to create forms drag and drop, but I'm having trouble with the drop of internal elements, eg:\[code\]<div class="container"> <div classs="row"> <! - I drop here -!> </ div> <- Content is dropped here! : '(-!></ div>\[/code\]Here is my Javascript:\[code\] $(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"}); } }); });\[/code\]It seems to me that the newly created element is not dropavel ... :/Any suggestions?! thank you in advance!