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

使用javascript/jQuery和本地存储创建用户可自定义的导航,javascript,jquery,local-storage,Javascript,Jquery,Local Storage,我想创建一个用户可定制的导航——类似于我正在开发的CMS的“个性化仪表板”。用户可以从“编辑页面”、“查找用户”等部分的链接列表中进行选择,并将他们使用最多的链接添加/删除到自己的仪表板。对于我的链接选择,我在一个隐藏的div中拥有用户有权访问的所有可用链接 我想到的是jQueryUI可用于接口的droppable(这个例子很接近:) 最后,我需要保存用户的选择,为此,我希望使用localStorage或Cookie,因为我无法访问服务器端代码 我的问题是: 有人知道有比jQuery UI更轻的

我想创建一个用户可定制的导航——类似于我正在开发的CMS的“个性化仪表板”。用户可以从“编辑页面”、“查找用户”等部分的链接列表中进行选择,并将他们使用最多的链接添加/删除到自己的仪表板。对于我的链接选择,我在一个隐藏的div中拥有用户有权访问的所有可用链接

我想到的是jQueryUI可用于接口的droppable(这个例子很接近:)

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

我的问题是: 有人知道有比jQuery UI更轻的拖放功能吗


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

这不是一个非常具体的问题,但我会尽我所能。我用页面定制、jQuery、jQuery UI和HTML5本地存储进行了大量的处理,在实现中要考虑的一件大事就是存储选择。虽然使用这些组件并推出定制解决方案当然是可能的(我想,因为我不知道什么是CMS或任何真正的细节),但您可能会遇到一些问题,试图用本地存储来创建一个可接受的解决方案

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


如果仍然设置为使用本地存储,请确保检查用户的浏览器是否支持本地存储(可能使用)。否则,我发现jquery和jQueryUI库本身足以进行所需的DOM操作。诚然,如果不了解您的具体设置,我无法提供更多建议。

您好,对不起,我不是很清楚。我对浏览器的限制很满意-我已经在使用一些会话存储。最后,我想保存用户服务器端的设置,但目前我无法对服务器上的代码进行这些更改,因此本地存储或cookie就足够了。你是对的,jQuery UI可能可以做我需要的事情(droppable看起来不错),事实上这对我很有帮助,因为我刚刚找到了这篇文章:我编辑了我的问题,试图让它更有用。很好,很高兴你找到了一个好的方向。除了droppable之外,我唯一会使用的是jQueryUI菜单,但我确信这是一个给定的;)看起来你很好,但是如果你在投篮的时候碰到任何东西,回来吧。如果你觉得这有帮助的话,请考虑一下: