javascript - jQuery Sortable拖拽div，释放后不排序

Question

我正在尝试使 div #h_red_printable 中的项目(在页面加载时动态添加，并有一个类“chart_container”)可排序，但发生的是我可以拖动它们，但是当我释放单击，div 返回到之前的位置。有什么建议吗？

虚拟 HTML:

   *<div id="printable_charts" style="display:none;height:auto;">

            <div id="printable_hw">
               <img class="banner-img" src="/static/app/ihi/hardware.png" />
              <div id="h_red_printable" class="cat_column">
                  <div class="chart_container"> 
                      <div class=".add_stuff" style="position:absolute;">Stuff here</div>
</div>
              </div>
            </div>
    </div>*

jQuery

$(document).ready(function(){
      $( "#h_red_printable" ).sortable();
    $( "#h_red_printable" ).disableSelection();
});

是的，我已经包含了这两个脚本:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js" type="text/javascript"></script>

Answer 1

尝试将内部 div(Stuff here)设置为绝对定位。

 <div class="chart_container">Stuff here</div>