2010-05-11 4 views
1

draggable에 떨어 뜨린 div를 어떻게 유지할 수 있는지 알고 싶습니다. 나는 오랫동안 노력해 왔지만이 시점에서 붙어있다. 실제로 demo을 볼 수 있습니다. 나는 사용자가 설계 한 웨딩 플로어를 구해야한다. 따라서 사용자가 다음에 로그인 할 때마다 마지막으로 저장 한 디자인을 볼 수 있습니다. 코드는 다음과 같습니다mysql 또는 데이터베이스에 쿠키를 저장하여 Jquery 드래그 가능한 지속성?


              $(document).ready(function() { 
               $("#droppable").droppable({ 
                accept: '.draggable', 
                drop: function(event, ui) { 
                  $(this).append($(ui.draggable).clone()); 
                  $("#droppable .draggable").addClass("objects"); 
                  $(".objects").removeClass("ui-draggable draggable"); 
                  $(".objects").draggable({ 
                    containment: 'parent', 
                  }); 
                } 
               }); 
               $(".draggable").draggable({ 
                helper: 'clone', 
                tolerance: 'touch', 
                cursor:'move' 
               }); 

}); 


답변

2
  1. 직렬화 JSON에 (JQuery와 함께 할 수 easy)과 선택의 데이터베이스에 저장 각 객체의 위치를 ​​가져옵니다. 쿠키를 사용하지 마십시오.
+0

튜토리얼이나 샘플 코드가 좋을 것이다. –

+0

mysql을 데이터베이스로 사용합니까? 데이터베이스 연결 부분 인 예제가 무엇입니까? 직렬화? –

+0

예 mysql을 db로 사용합니다. JSON을 사용하여 jquery에서 PHP로 데이터를 전달하는 실제 코드를 알고 싶습니다. 또한 mysql에서 그 값을 저장하기 위해 PHP 코드에서 값을 전달한 후에해야 할 일. –

1

좋은 튜토리얼있다 PHP, jQuery-UI 및 M을 사용하여 드래그 앤 드롭하는 방법에 대한 데모 여기에 ySQL : PaperMashup

관련 문제