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 class="chart_container">Stuff here</div> 

Answer 2

요소, 따라서 .sortable ("#의 h_red_printable") $ 후 버튼 클릭에 첨가되기 때문에(); 가 호출되면 해당 버튼 클릭 이벤트에 이벤트 핸들러를 추가하여 정렬 가능한 요소 목록을 새로 고칩니다.

$('#theButton').click(function (e) { 
    $('#h_red_printable').sortable('refresh'); 
});