0

Android 4.1.2 でフィルターを使用して単純なリストビューを実行しようとすると、ヘッダー/フッターの固定位置などの固定レイアウトが台無しになり、フィルター ボックスをタップするとすぐにリストビューが画面に収まらなくなります。

それはバグですか、それとも私のコードに問題がありますか。以下は簡単なコードです。

<ul id="mylist" data-role="listview" data-split-icon="delete" data-split-theme="b" data-filter="true">
    <li data-role="list-divider">A</li>
    <li><a href="index.html">Adam Kinkaid</a></li>
    <li><a href="index.html">Alex Wickerham</a></li>
    <li><a href="index.html">Avery Johnson</a></li>
    <li data-role="list-divider">B</li>
    <li><a href="index.html">Bob Cabot</a></li>
    <li data-role="list-divider">C</li>
    <li><a href="index.html">Caleb Booth</a></li>
    <li><a href="index.html">Christopher Adams</a></li>
    <li><a href="index.html">Culver James</a></li>
</ul>

スクリーンショット: http://postimg.org/image/3xs0dqu7v/

4

2 に答える 2

0

返信いただきありがとうございます。問題が見つかりました。フッターの class="ui-bar" が原因です。この class="ui-bar" を削除すると、右側のレイアウトの問題は修正されますが、ヘッダーとフッターの位置が固定されなくなります。ここに、問題を再現するためのコードを貼り付けます。問題は PhoneGap にあります。他のブラウザに問題があるかどうかはわかりません。

<div data-role="page">
<div data-role="header" data-position="fixed">
    <h1>Page Title</h1>
</div>

<div data-role="content">
    <ul id="mylist" data-role="listview" data-split-icon="delete" data-split-theme="b" data-filter="true">
        <li data-role="list-divider">A</li>
        <li><a href="index.html">Adam Kinkaid</a></li>
        <li><a href="index.html">Alex Wickerham</a></li>
        <li><a href="index.html">Avery Johnson</a></li>
        <li data-role="list-divider">B</li>
        <li><a href="index.html">Bob Cabot</a></li>
        <li data-role="list-divider">C</li>
        <li><a href="index.html">Caleb Booth</a></li>
        <li><a href="index.html">Christopher Adams</a></li>
        <li><a href="index.html">Culver James</a></li>
    </ul>
</div>

<div data-role="footer" class="ui-bar" data-position="fixed">
    <a href="javascript:void(0)" id="emailCode" data-role="button"
            data-icon="star">Email</a>
</div>

于 2013-06-28T09:56:20.773 に答える
0

正しい html マークアップを試してください。デモhttp://jsfiddle.net/yeyene/AeXnV/8/

私はあなたが忘れたと思います<div data-role="content">か？

<div data-role="page">
    <div data-role="header" data-position="fixed">
        <h1>Page Title</h1>
    </div>

    <div data-role="content">
        <ul id="mylist" data-role="listview" data-split-icon="delete" data-split-theme="b" data-filter="true">
            <li data-role="list-divider">A</li>
            <li><a href="index.html">Adam Kinkaid</a></li>
            <li><a href="index.html">Alex Wickerham</a></li>
            <li><a href="index.html">Avery Johnson</a></li>
            <li data-role="list-divider">B</li>
            <li><a href="index.html">Bob Cabot</a></li>
            <li data-role="list-divider">C</li>
            <li><a href="index.html">Caleb Booth</a></li>
            <li><a href="index.html">Christopher Adams</a></li>
            <li><a href="index.html">Culver James</a></li>
        </ul>
    </div>

    <div data-role="footer" data-position="fixed">
        <h4>Page Footer</h4>
    </div>
</div>
于 2013-06-28T02:04:26.593 に答える