javascript - jqueryドラッグ可能で位置を修正するには?

Question

私は mysql データから画像を取得し、それらを ul li に入れています。今、jquery を介してドラッグ可能な項目を持つ div を作成しています。私が欲しいのは、ユーザーが位置を変更すると、自動的に保存されることです。最初のようにはならないはずです。

Answer 1

まず、データベースに保存する各ユーザーの保存位置を保存する必要があります。位置を変更するには、次のようなものが必要です。

$('#draggable').position().top = yourSavedPosition;

ドラッグするたびに、各オブジェクトの位置を保持するサーバーに Ajax リクエストを送信する必要があります。

Answer 2

CSSを使用する：

#draggable{
    position:fixed !important;
}

Answer 3

あなたはこのようにする必要があります: -> 座標
wherever user is dragging imageを

見つけます
-> そしてenterそれらの座標をtopとleft位置で

$( ".selector" ).draggable({
   stop: function(event, ui) {

  var x = ui.instance.element.position();
  $("#image1").css({"position":"fixed","left":x.left,"top":x.top});
 }
});