0

我正在寻找一种可以帮助我执行以下操作的解决方案...我想开发一个（即桌面使用）网站，其中包含一个滑出式面板

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

但在该面板中，我希望网站的导航就像它自己的 jQuery 应用程序一样，具有嵌套菜单以及返回和主页按钮。用于创建此类导航的 jQuery 框架都是基于多页文档（使用标签来声明“页面”的内容），并且页面与侧出面板处于同一级别。似乎没有一种简单的方法可以将“页面”粘贴在面板中。此外，嵌套列表在最新的 jQuery 中已被弃用，所以我也想远离它们（不确定它们是否支持后退按钮）。

任何人都可以提出实现这一目标的策略吗？我曾考虑尝试将导航放在面板内的 iframe 中，但随后菜单无法在 iframe 之外与应用程序的其余部分进行通信。我也遇到过这个

http://simplesplitview.sourceforge.net/

如果我可以将迷你菜单放在面板中，这似乎有点像我想要的，但不确定代码有多可靠，并且会对纯 jQuery Mobile（或其他好的框架）解决方案更感兴趣。

4

2 回答 2

0

所以，我想出了一个非常合理的解决方案（满足我的需要），它允许我使用最新版本的 jQuery Mobile 以及它包含的所有花里胡哨。

使用这个插件

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

我可以将整个滑出侧菜单放在它自己的 iframe 中，并使用 data-role="pages"、子菜单、后退按钮等进行导航，就像您在手机上一样。如果我需要向另一个窗口传达任何信息，我会使用上述插件以及我在 $.receiveMessage 函数中标识的各种命令消息（“注销”、“刷新”等）。当我有时间时，我希望有机会以更具指导性的教程形式编写该过程，但如果有任何问题，请随时回复此答案。

于 2013-07-08T18:31:51.383 回答
0

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

所以回答如何设置| Github 回购| 示例页面

于 2013-06-30T10:00:16.340 回答