Spring Roo を使用してサンプル Web アプリを作成し、jQuery Mobile 1.1 サンプル コードを空の jspx ページに埋め込みました。以下に、使用したコードを貼り付けました。
これは問題なく表示されます。
問題は、上下にスクロールできないことです。
ページをスクロールまたはダウンする機能を妨げている可能性があることを知っている人はいますか?
<div>
<div data-role="page" id="mylist" data-cache="never">
<div data-role="header">
<h1>Persons</h1>
</div><!-- /header -->
<div data-role="content">
<h2>News</h2>
<ul>
<li>Test code.</li>
<li>Test code.</li>
<li>Test code.</li>
<li>Test code.</li>
<li>Test code.</li>
<li>Test code.</li>
<li>Test code.</li>
<li>Test code.</li>
<li>Test code.</li>
<li>Test code.</li>
<li>Test code.</li>
<li>Test code.</li>
<li>Test code.</li>
<li>Test code.</li>
<li>Test code.</li>
<li>Test code.</li>
<li>Test code.</li>
<li>Test code.</li>
<li>Test code.</li>
<li>Test code.</li>
<li>Test code.</li>
<li>Test code.</li>
</ul>
<div class="clear" style="height:20px;"></div>
</div><!-- /content -->
</div><!-- /page -->