Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JSON中jquery UI元素的状态_Javascript_Jquery_Ajax_Json_Jquery Ui - Fatal编程技术网

Javascript JSON中jquery UI元素的状态

Javascript JSON中jquery UI元素的状态,javascript,jquery,ajax,json,jquery-ui,Javascript,Jquery,Ajax,Json,Jquery Ui,如何将jQueryUI中的可拖放和可拖放的状态存储到JSON中?我想保存状态并使用JSON检索它们。这是最好的方法还是也可以使用其他方法?我建议使用jQuery UI-,它支持通过可拖动和可拖放交互进行拖放。在JSON回调等方面,它们有大量的文档。我建议使用jQuery UI-,它支持通过可拖动和可拖放的交互进行拖放。当涉及到JSON回调等时,他们有大量的文档。使用可拖放/可拖放事件的回调处理程序来获取已更改的值 您可以使用localStorage/sessionStorage保存这些值,因此不

如何将jQueryUI中的可拖放和可拖放的状态存储到JSON中?我想保存状态并使用JSON检索它们。这是最好的方法还是也可以使用其他方法?

我建议使用jQuery UI-,它支持通过可拖动和可拖放交互进行拖放。在JSON回调等方面,它们有大量的文档。

我建议使用jQuery UI-,它支持通过可拖动和可拖放的交互进行拖放。当涉及到JSON回调等时,他们有大量的文档。

使用可拖放/可拖放事件的回调处理程序来获取已更改的值

您可以使用localStorage/sessionStorage保存这些值,因此不需要将数据保存到服务器

还有一个用于IE的存储API的polyfill

试着这样做:

$( ".yourdraggable_element" ).draggable({
   stop: function(event, ui) {
       localStorage.setItem("left",ui.position().left);
       localStorage.setItem("top",ui.position().top);
   }
});
现在可以检索位置:

   $(".yourdraggable_element").css("left",localStorage.getItem("left"));
   $(".yourdraggable_element").css("top",localStorage.getItem("top"));

注意:这只是一个起点!例如,您首先必须检查本地存储是否可用,因此请不要将此视为完整的解决方案

使用可拖放/可拖放事件的回调处理程序获取已更改的值

您可以使用localStorage/sessionStorage保存这些值,因此不需要将数据保存到服务器

还有一个用于IE的存储API的polyfill

试着这样做:

$( ".yourdraggable_element" ).draggable({
   stop: function(event, ui) {
       localStorage.setItem("left",ui.position().left);
       localStorage.setItem("top",ui.position().top);
   }
});
现在可以检索位置:

   $(".yourdraggable_element").css("left",localStorage.getItem("left"));
   $(".yourdraggable_element").css("top",localStorage.getItem("top"));

注意:这只是一个起点!例如,您首先必须检查本地存储是否可用,因此请不要将此视为完整的解决方案

不,我是一个新手,试图知道如何完成。不,我是一个新手,试图知道如何完成。你能给我一个如何实现它的例子,以便我可以看到和遵循吗?我现在不知道从哪里开始。你能给我一个例子说明它是如何实现的,这样我就可以看到并遵循它了吗?我不知道现在从哪里开始。