Question

我刚刚遇到一个非常奇怪的问题。我正在使用jQuery mobile并为网站制作移动版本。有一个列表页面有自己的过滤器。过滤器位于面板中，滑出，选择过滤器，关闭并过滤列表。很基本的。现在，当从iOS 7 iphone访问相同的应用程序时，第一次过滤它的工作正常。但如果再次打开过滤器，则为空白。但过滤器仍然应该在它们应该的位置，如果你只是点击你认为过滤器应该在的地方，它们会出现并过滤列表，因为没有错。在那之后它仍然是这样的。

这是我用来打开面板的锚

<a id="friendsFilterAnchor" href="#friendsFilterPanel" data-mini="true" data-role="none" data-iconpos="right" class="ui-icon ui-icon-filter frindes-filter filter-ico" data-theme="a" title="Filter"></a>

，面板看起来像这样

<div data-role="panel" id="friendsFilterPanel" data-position-fixed="true"  data-position="right" data-display="overlay" data-theme="b">
        <ul id="friendsFilterList" data-role="listview"  data-theme="e" data-divider-theme="a">
            <li data-icon="ffTick" class="selected"><a href="javascript://" >All</a></li>
            <li data-icon="false"><a href="javascript://">Pending</a></li>
            <li data-icon="false"><a href="javascript://">Users</a></li>
        </ul>
    </div><!-- /panel -->

之前有人见过这样的事吗？

Answer 1

问题是在不同页面上使用相同的ID。上一页也在dom中，并且它具有相同的ID。使用相对选择器，即通过在同一页面上搜索获得div，这通常是javascript中的一个好习惯。

iOS7和jQuery mobile：面板在打开和关闭后变为空白

1 个答案: