JSON中的jQuery UI元素的状态

如何将jQuery UI中的可拖放和可拖放状态存储到JSON中？我想保存状态并使用JSON取回它们。这是最好的方式还是替代方式也是可能的？JSON中的jQuery UI元素的状态

来源

2012-01-30 Jack_of_All_Trades

你尝试过什么吗？ – 2012-01-30 19:48:04

不，我是一个新手，并试图知道如何完成。 – 2012-01-30 19:49:30

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

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

还有一个可用于IE的Storage 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，所以请不要把它当成完整的解决方案！

来源

2012-01-30 19:50:04 Christoph

你能否给我举一个例子，说明它是如何实现的，以便我可以看到并遵循？我不知道现在从哪里开始。 – 2012-01-30 19:55:20

我编辑了我的答案，检查是否可以从此开始。 – Christoph 2012-01-30 20:11:50

我会推荐jQuery UI - http://jqueryui.com/，它支持通过Draggable和Droppable交互进行拖放操作。当涉及到JSON回调等时，他们有大量的文档。

来源

2012-01-30 19:49:08 Downpour046

他已经在使用jQUI了。它在标题和问题中。 – glomad 2012-01-30 20:27:42

JSON中的jQuery UI元素的状态

回答

相关问题