jQuery Mobile + Admob：如何实现旋转屏幕？

Question

我使用jQuery Mobile框架创建了一个移动应用程序。所有页面都在index.php中加载（使用<div data-role="page" id="title">）。

在每个页面的页脚中，我添加了Admob代码：

<div data-role="footer">
 <script type="text/javascript">
  var admob_vars = {
  pubid: 'XXXXXX', // publisher id
  bgcolor: 'FF9119', // background color (hex)
  text: 'FFFFFF', // font-color (hex)
  test: false // test mode, set to false to receive live ads
   };
 </script>
 <script type="text/javascript" src="http://mmv.admob.com/static/iphone/iadmob.js"></script>
</div>  

结果是所有页面都显示相同的广告，可能是因为所有页面都在index.php中加载（所以在index.php中同时加载了大约10个广告）。

有什么办法可以解决这个问题吗？我该如何展示不同的广告？每个页面请求都进行广告轮换，触发哪个jQuery函数？

谢谢！

- Robin

---

你正在使用ajax进入role="page" div，对吧？那么为什么广告会改变呢？当你更改页面时，再次更新广告div。检查admob api是否有可以调用的刷新方法。 - Aaria Carter-Weir

Answer 1

你应该删除所有硬编码调用，并执行以下操作： 1. 绑定一个调用以将此代码注入“pagebeforeshow”事件 - 这样每次在向用户显示新页面之前，您都会获取一个新的广告并显示它。 2. 如何获取新广告：

另一个选项（我从Admob文档中取得）： 您可以通过将广告网页放置在IFRAME中来程序化地显示新广告：

   ...
   <iframe id="admob_ad" style="position: absolute; width: 320px; height: 48px; left: 0px; top: 0px;" noresize="noresize" frameborder="0" src="http://your_site.com/your_admob_web_page.html">
   </iframe>
   ...
   // refresh the IFRAME where you want to display a new ad
   var adIframeEl = document.getElementById("admob_ad");

   adIframeEl.src = adIframeEl.src;
   ...

`

祝你好运。

- Ido Green