jQuery Mobile就像桌面应用程序的侧面板内的导航菜单一样?

时间:2013-06-29 23:13:14

标签: jquery-mobile

我正在寻找能够帮助我做以下事情的解决方案...我想开发一个(即桌面用法)网站,其中有一个滑出式面板

http://jquerymobile.com/demos/1.3.0-beta.1/docs/panels/#

但在该面板中,我希望该网站的导航行为像它自己的jQuery应用程序,具有嵌套菜单和后退和主页按钮。用于创建此类导航的jQuery框架都基于多页文档(使用标签来声明&#​​34;页面"的内容),并且页面与侧出面板处于同一级别。它似乎没有一种简单的方法来粘贴"页面"在面板内。此外,嵌套列表在最新的jQuery中被弃用,所以我也希望远离它们(不确定它们是否曾支持后退按钮)。

有人能提出实现这一目标的策略吗?我曾想过尝试将导航放在Panel中的iframe中,但是菜单无法在iframe之外与应用程序的其余部分进行通信。我也遇到了这个

http://simplesplitview.sourceforge.net/

如果我可以将迷你菜单放在Panel中,但是不确定代码是多么可靠,并且对纯jQuery Mobile(或其他好的框架)解决方案更感兴趣,那么这似乎可以做我想要的。< / p>

2 个答案:

答案 0 :(得分:0)

这并不容易。我花了很长时间才得到一个插件工作,但没有从JQM 1.2更新它,因为1.5应该开始以这种或那种方式支持它。如果你想尝试多视图:

SO answer how to setup | Github repo | sample page

答案 1 :(得分:0)

所以,我提出了一个非常合理的解决方案(根据我的需要),它允许我使用最新版本的jQuery Mobile以及它包含的所有铃声和口哨。

使用此插件

http://benalman.com/projects/jquery-postmessage-plugin/

我可以将整个幻灯片放在其自己的iframe中,并使用data-role =“pages”,子菜单,后退按钮等进行导航,就像您在手机上一样。如果我需要将任何事物传达给另一个窗口,我使用上面的插件和我在$ .receiveMessage函数中识别的各种命令消息(“注销”,“刷新”等)。我希望有机会在我有时间的时候以更有教育意义的教程形式编写这个过程,但是如果有任何问题,请随时回答这个问题。