javascript - Jquery拖放.append到问题

Question

我在我的 Web 应用程序中使用 jQuery 的拖放功能。我希望能够将我的项目放在下面的 div 中，但让它们出现在其他内容之上。

我要放置物品的 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)

问题解决了。