Question

我正在动态地构建一些嵌套列表。为了帮助您理解这里有一个抽象的例子。

要添加子类别，请执行以下操作：

obj.append('<ul id="' + id_ul + '"></ul>');
$("#" + id_ul).append('<li id="' + id + '"><h3>' + name + '</h3><p>' + text + '</p></li>');
$("#" + id_ul).append('<li id="' + id2 + '"><h3>' + name2 + '</h3><p>' + text2 + '</p></li>');

要在其中一个类别中添加项目，我会这样做：

obj.append('<ul id="' + id_ul + '"></ul>');
$("#" + id_ul).append('<li id="' + id + '" data-icon="false"><a id="' + ida + '" href="#"><h3>' + name + '</h3><p>' + text + '</p><p class="ui-li-aside"><strong>' + info + '</strong></p></a></li>');
$("#" + id_ul).append('<li id="' + id2 + '" data-icon="false"><a id="' + ida2 + '" href="#"><h3>' + name2 + '</h3><p>' + text2 + '</p><p class="ui-li-aside"><strong>' + info2 + '</strong></p></a></li>');

obj当然总是我希望附加新子类别或项目的父对象。所以我通过追加id来做到这一切。

我在版本1.0.1中使用了这个代码，它工作正常，现在我切换到1.1.1（也有1.2.0 alpha的samme问题），这是我的问题：

只有嵌套列表中的类别的页面：工作正常
页面只包含嵌套列表中的项目：工作正常
包含嵌套列表中的两个，类别和项目的页面：如果列表扩展了屏幕高度，则它不可滚动，并且在显示其中一个不可滚动的页面后，导航中的所有其他页面也不再可滚动直到我重新加载整个页面

嵌套列表视图和从JQueryMobile 1.1.1滚动是否有任何已知问题？或者我是否错误地列出了这个列表？

这让我疯狂，所以任何想法都受到高度赞赏！

编辑：

这是最终列表的示例HTML，其中包含一个subcat和2个项目：

<div data-role="page" data-url="mylist&amp;ui-page=ul_4" data-theme="c" data-count-theme="c" tabindex="0" class="ui-page ui-body-c ui-page-active">

<div data-role="header" data-theme="c" class="ui-header ui-bar-c" role="banner">
        <div class="ui-title">myuppercat</div>
</div>

<div data-role="content" class="ui-content" role="main">
    <ul id="ul_4" class="ui-listview">
        <li id="li_2134" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="c" class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-btn-up-c">
            <div class="ui-btn-inner ui-li">
                <div class="ui-btn-text">
                    <a href="#mylist&amp;ui-page=ul_4" class="ui-link-inherit"><h3 class="ui-li-heading">mysubcat</h3><p class="ui-li-desc"></p></a>
                </div>
                <span class="ui-icon ui-icon-arrow-r ui-icon-shadow">&nbsp;</span>
            </div>
        </li>
        <li id="li_2136" data-icon="false" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-iconpos="right" data-theme="c" class="ui-btn ui-btn-icon-right ui-li ui-btn-up-c">
            <div class="ui-btn-inner ui-li">
                <div class="ui-btn-text">
                    <a id="2136" href="#" onclick="javascript:dosomething(this)" class="ui-link-inherit"><p class="ui-li-aside ui-li-desc"><strong>somedetail</strong></p><h3 class="ui-li-heading">item1</h3><p class="ui-li-desc"></p></a>
                </div>
            </div>
        </li>
        <li id="li_2137" data-icon="false" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-iconpos="right" data-theme="c" class="ui-btn ui-btn-icon-right ui-li ui-btn-up-c">
            <div class="ui-btn-inner ui-li">
                <div class="ui-btn-text">
                    <a id="2137" href="#" onclick="javascript:dosomething(this)" class="ui-link-inherit"><p class="ui-li-aside ui-li-desc"><strong>somedetail</strong></p><h3 class="ui-li-heading">item2</h3><p class="ui-li-desc"></p></a>
                </div>
            </div>
        </li>
    </ul>

</div>

JQuery Mobile 1.1.1嵌套列表无法正确滚动

0 个答案: