2013-06-29 51 views
0

我正在寻找一个解决方案,将帮助我做到以下......我想开发一个(即桌面使用)网站,有出面板幻灯片在它像一个侧面的导航菜单jQuery Mobile桌面应用程序面板?

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

但内该面板,我希望该网站的导航行为像它自己的jQuery应用程序,嵌套菜单和后退和主页按钮。用于创建此类导航的jQuery框架全部基于多页文档(使用标签声明“页面”的内容),并且页面与侧面外面板处于同一层。看起来好像没有简单的方法在面板中粘贴“页面”。另外,嵌套列表在最新的jQuery中被弃用,所以我想远离它们(不知道它们是否曾经支持后退按钮)。

任何人都可以提出一个使这种情况发生的策略吗?我曾试图将导航放入Panel中的iframe内,但是菜单无法在iframe之外与其他应用程序进行通信。我也碰到这个

http://simplesplitview.sourceforge.net/

这似乎有种做我想做的,如果我可以把迷你菜单在面板内部,但运行不知道如何代码固体,并会更感兴趣。一个纯粹的jQuery Mobile(或其他好的框架)解决方案。

回答

0

这并不容易。我花了相当多的时间让插件工作,但没有从JQM 1.2中更新它,因为1.5应该以这种或那种方式开始支持。如果您想尝试多视图:

SO answer how to setup | Github repo | sample page

+0

为什么你没有将JQM中的滑块代码抽出为一个自包含的插件?这就是我要做的。 ;) – lucifurious

0

因此,我想出了一个非常合理的解决方案(满足我的需求),它允许我使用最新版本的jQuery Mobile及其包含的所有铃声和哨子。

使用这个插件

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

我能放出来侧面菜单整个幻灯片在自己的iframe和使用数据的角色定位=“页面”,子菜单,回按钮等,就像在手机上一样。如果我需要将任何事情传达给其他窗口,我使用上面的插件以及在$ .receiveMessage函数中标识的各种命令消息(“注销”,“刷新”等)。我希望有机会在我有一些时间的时候以更具教育意义的教程形式写出这个过程,但如果有任何问题,请随时回答这个问题。