Я делаю приложение, которое предназначено для работы в 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 и просто прокручиваю второй список, третий прокрутите на ту же сумму.
Я схожу с ума, потому что демонстрации на сайте делают это без сбоев.