0

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

2 回答 2

0

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

<div data-role="page">

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

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

</div><!-- page -->
于 2013-03-16T15:41:55.013 回答
-1

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

于 2013-01-25T15:00:53.963 回答