jQuery Mobile 1.3 Panel禁用了我的javascript

Question

我意识到 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 -->

Answer 1

一个

面板应该出现在页面div 之后，如下所示

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

Answer 2

您应该将面板代码放在页眉正下方的页面div 下方。