JQuery Drag and Drop .append to issue

Question

Я использую jQuery для перетаскивания в моем веб-приложении. Я ищу, чтобы иметь возможность отбрасывать свои объекты в div ниже, но они отображаются над другим контентом.

Мой ДИВ где я сбросив пункты:

<div id="viewbuilder" class="module"> 
<h3>View Builder</h3> 
    <!-- This is where I want my dropped items to show --> 
    <div class="ends_module"> 
     <a href="#" class="button"> Build </a> 
    </div> 
    <div>&nbsp;</div><!--ClearFix --> 
    <!-- This is where the dropped items are currently showing --> 
</div> 

Ниже приводится раздел Jquery, что я считаю, что вызывает вопрос:

 var $list = $("ul", $viewbuilder).length ? 
       $("ul", $viewbuilder) : 
       $("<ul class='results ui-helper-reset'/>").appendTo($viewbuilder); 

Есть еще один способ, чтобы поместить содержимое в div, что будет иметь противоположный эффект добавления? Может быть, добавить в качестве первого ребенка div.module?

Answer 1

попробовать это:

http://jqueryui.com/droppable/#shopping-cart

или есть еще несколько вариантов в jqueryUI

Answer 2

<div id="viewbuilder" class="module"> 
    <h3>View Builder</h3> 
    <div id="put_content_here"></div> <!-- Add this div --> 
    <!-- This is where I want my dropped items to show --> 
    <div class="ends_module"> 
     <a href="#" class="button"> Build </a> 
    </div> 
    <div>&nbsp;</div><!--ClearFix --> 
    <!-- This is where the dropped items are currently showing --> 

var $list = $("ul", $viewbuilder).length ? 
      $("ul", $viewbuilder) : 
      $("<ul class='results ui-helper-reset'/>").appendTo($viewbuilder); 

Шаг один, создать: $ putcontent = #put_content_here Шаг чтобы создать div # put_content_here, и место, где вы хотите контент Шаг второй, замените .appendTo ($ viewbuilder) с .appendTo ($ putcontent)

Задача решена.