如何委托控制一个html页面2个独立的jquerymobile页面

Question

我正在试验jquery mobile并希望尝试给定的设置：

• 2个jquery移动页面完全嵌入到div中。
• 当前html页面上并排的固定大小区域的每个div。
• 我希望在两个jquerymobile页面之间有消息（或jquery回调）。

然而，我能够成功的唯一配置是 通过将我的jquery移动页面嵌入到2个单独的iframe中。我的恐惧， 是否合理，是通过使用iframe，我使用了大量的资源 浏览器端，而不是使用简单的div。而且，我是 强加于我的开发之间的另一层沟通 两个（iframe）页面，这是不性感的。

我似乎无法控制

<meta name="viewport" content="width=device-width, initial-scale=1"> 

单个页面中的多个嵌入div。实际上，弹出一个对话框 来自一个div的框，控制整个html页面。

问题：

1. 我是不是想做一些不应该做的事情？
2. 我怀疑iframe是否消耗了那么多资源？

感谢您的帮助和评论。