Question

我正在使用jQuery拖放我的Web应用程序。我希望能够将我的项目放在下面的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（$ putcontent）替换.appendTo（$ viewbuilder）

问题解决了。

Jquery拖放.append发布

2 个答案: