jquery mobile中的同步列表视图

时间:2011-11-30 23:06:33

标签: javascript jquery jquery-mobile scrollview

我正在创建一个适用于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调用并滚动第二个列表,则会发生同样的情况,第三次滚动的数量相同。

我疯了,因为网站上的演示使得这没有打嗝。

0 个答案:

没有答案