jQuery draggable, сохранить позицию после перезагрузки страницы?

Question

я сделал тонну исследований, но мне нужен более персонализированный ответ, я очень позитивным спасая перетаскиваемое значение требует решений печенья, в отличие от JQuery .slider, где вы можете сохранить значения, как этот

//jQuery UI Slider 
jQuery(".slider").slider({ 
     animate: true, 
      range: "min", 
      value: $("input.slider-value").val(), 
      min: 50, 
      max: 700, 
      step: 1, 

      //this gets a live reading of the value and prints it on the page 
      slide: function(event, ui) { 
       jQuery("#slider-result").html(ui.value); 
       jQuery(".static_preview_image").height(ui.value); 
      }, 

      //this updates the hidden form field so we can submit the data using a form 
      change: function(event, ui) { 
      jQuery('#hidden').attr('value', ui.value); 
      } 

    }); 

    $(".static_preview_image").css({height: $("input.slider-value").val()}); //This gives my element the height of the slider, it get stored in my slider function... 

Из моих исследований .draggable не работает одинаково, для этого нужны файлы cookie?

Если то правда, кто-то может объяснить, как использовать печенье в наиболее чистом виде это возможно, я просто хочу, чтобы сохранить сверху, справа, слева, снизу значение ...

Вот моя перетаскиваемая функция

$(".MYELEMNT").draggable({ 
    containment: '#_moon_static_bg_status', // I set some containment 

// Read this in another post, this outputs a live value of .MYELEMNT from the start of the drag. 
start: function(event, ui) { 

    // Show start dragged position of image. 
    var Startpos = $(this).position(); 
    $("div#start").text("START: \nLeft: "+ Startpos.left + "\nTop: " + Startpos.top); 
}, 

// Same as above but prints the current position where MYELEMNT stops 
stop: function(event, ui) { 

    // Show dropped position. 
    var Stoppos = $(this).position(); 
    $("div#stop").text("STOP: \nLeft: "+ Stoppos.left + "\nTop: " + Stoppos.top); 
} 


}); 

Я хочу сказать, что его так просто, как писать что-то похожее на то, как я получаю значение ползунка

$(".static_preview_image").css({height: $("input.slider-value").val()}); 

, но я думаю, что нужно использовать печенье ...

Answer 1

Два метода: во-первых, файлы cookie будут работать, поскольку они сохраняются между обновлениями страницы. Во-вторых, если вы используете PHP, вы можете использовать данные сеанса клиентов со стороны сервера, чтобы запомнить его, но этот метод требует, чтобы вы отправляли данные (через ajax или что-то подобное) из клиента после того, как они перемещают элемент на сервер, чтобы уведомить новой позиции, чтобы он мог ее запомнить.

EDIT: комментарий выше об использовании localstorage звучит как отличный метод, я бы попробовал это первым.