jQuery Mobile 1.3 面板禁用了我的 javascript答案

【问题标题】：jQuery Mobile 1.3 Panels disables my javascriptjQuery Mobile 1.3 面板禁用了我的 javascript
【发布时间】：2013-01-06 06:04:08
【问题描述】：

我意识到 1.3 仍然是测试版，但想知道是否有人遇到与我相同的问题并解决了它。

要使面板正常工作，页面内容必须包含在 data-role="content" 容器中。

但是，我正在使用一些 API，例如 twitter，它们将内容调用到 data-role="content" 容器中，并且容器中还有广告标签。这两个都使用 javascript 并且都禁用了 jQuery 移动平台。我只能在从第一个 data-role="header" 容器启用面板的平台上运行这些功能中的任何一个。

这是我的代码失败的示例。谢谢。

<div data-role="page" class="ui-responsive-panel">

<div data-role="header">
<h1>Title</h1>
</div><!-- /header -->

<div data-role="content">
<script language="javascript">
<!--
document.write('<scr'+'ipt language="#"></scri'+'pt>');
//-->
</script>
</div><!-- /content -->

<div data-role="footer">
footer text
</div><!-- /footer -->

<div data-role="panel" data-display="reveal" id="nav-panel">
<ul data-role="listview">
<li>link</li>
<li>link</li>
</ul>
</div><!-- /panel -->

</div><!-- /page -->

【问题讨论】：

标签： javascript jquery mobile beta panels

【解决方案1】：

您应该将面板代码直接放在页面 div 下方的标题上方。

【讨论】：

【解决方案2】：

一个面板应该出现在页面 div 之后，像这样

<div data-role="page">

<div data-role="panel" id="mypanel">
<!-- panel content goes here -->
</div><!-- /panel -->

<!-- header -->
<!-- content -->
<!-- footer -->

</div><!-- page -->

【讨论】：