使用javascript / jQuery和本地存储创建用户可自定义的导航

时间:2013-01-28 16:01:46

标签: javascript jquery local-storage

我想创建一个用户可自定义的导航 - 一种我正在处理的CMS的“人员化仪表板”。用户可以从“编辑页面”,“查找用户”等部分的链接列表中进行选择,并添加/删除他们最常用的链接到他们自己的仪表板。对于我选择的链接,我拥有用户在隐藏div中拥有权限的所有可用链接。

我在想接口的jQuery UI droppable(这个例子很接近:http://jqueryui.com/droppable/#photo-manager)。

最后我需要保存用户的选择,为此我想使用localStorage或cookies,因为我无法访问服务器端代码。

我的问题是: 有没有人知道任何比拖放更轻松的jQuery UI?

是否有人知道任何使用本地存储或Cookie保存用户选择的示例?

1 个答案:

答案 0 :(得分:1)

这不是一个非常具体的问题,但我会尽我所能。我在页面自定义,jquery,jquery ui和HTML5本地存储方面做了大量工作,实现中需要考虑的一件大事就是存储选择。虽然我可以(我认为,因为我不知道CMS或任何真正的细节)使用这些部件并推出自定义解决方案,但是您可能会遇到尝试使用本地存储制作可接受解决方案的问题。

问题在于:根据设计,HTML5本地存储将允许您跟踪浏览器会话中的更改,以便您可以维护用户的导航选择。但是,如果用户尝试从另一个浏览器访问其同一站点,则该上下文中将不存在其所有自定义项。

如果您仍然使用本地存储,请务必检查用户的浏览器是否支持它(可能使用Modernizr)。否则,我发现jquery和jquery ui库足以完成所需的DOM操作。不可否认,在不了解您的特定设置的情况下,我无法提供更多建议。