Javascript jquery mobile中的同步列表视图

Javascript jquery mobile中的同步列表视图,javascript,jquery,jquery-mobile,scrollview,Javascript,Jquery,Jquery Mobile,Scrollview,我正在制作一个应用程序,它是为了在PhoneGap中工作,到目前为止一切都很好,除了我正在使用的事实,尽管它工作得很好,但出现了一个问题,我不明白这是怎么可能的 我有这个: <div data-role="content"> <div id="a" class="content_div"> <div data-scroll="y"> <ul id="recom-news" data-

我正在制作一个应用程序,它是为了在PhoneGap中工作,到目前为止一切都很好,除了我正在使用的事实,尽管它工作得很好,但出现了一个问题,我不明白这是怎么可能的

我有这个:

<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\u div
并显示了另一个,这样我就可以使标题保持静态,因为其他解决方案效果不太好

问题是,如果我滚动通过AJAX加载的第一个列表,第二个
listview
以相同的方式滚动,如果我不进行AJAX调用,只滚动第二个列表,第三个滚动相同的数量,也会发生同样的情况


我快发疯了,因为网站上的演示让这一切顺利进行。

使用.hide()隐藏列表?是的,我隐藏了所有列表,然后显示我想要使用的列表,如:$('div.content_div').hide()$('div#'+$(this.attr('data-href')).show();