我正在创建一个适用于PhoneGap的应用程序,到目前为止一切都很顺利,除了我正在使用jQuery Mobile scrollview这个事实,虽然它工作得很好,但是我出现了一个问题不明白这是怎么回事。
我有这个:
<div data-role="content">
<div id="a" class="content_div">
<div data-scroll="y">
<ul id="recom-news" data-role="listview" data-theme="c">
<li><a href=""></a></li>
</ul>
</div>
</div>
<div id="b" class="content_div">
<div data-scroll="y">
<ul id="impresa-categories" data-role="listview" data-theme="c">
<li><a href="">item 1</a></li>
<li><a href="">item 2</a></li>
<li><a href="">item 3</a></li>
</ul>
</div>
</div>
<div id="c" class="content_div">
<div data-scroll="y">
<ul id="mas-secs" data-role="listview" data-theme="c">
<li><a href="">item</a></li>
<li><a href="">item</a></li>
<li><a href="">item</a></li>
<li><a href="">item</a></li>
<li><a href="">item</a></li>
<li><a href="">item</a></li>
<li><a href="">item</a></li>
<li><a href="">item</a></li>
</ul>
</div>
</div>
</div>
我隐藏了每个content_div
并显示另一个,因此我可以保持标头静态,因为其他解决方案效果不佳。
问题是,如果我滚动第一个列表,通过AJAX加载,第二个listview
以相同的方式滚动,如果我不进行AJAX调用并滚动第二个列表,则会发生同样的情况,第三次滚动的数量相同。
我疯了,因为网站上的演示使得这没有打嗝。