1

トランジションがぎこちなく、2 回処理される場合があります。したがって、ページからページへの滑らかな移行ではありません。コーディングで何か間違ったことをしていますか? これは、最新のアップデートを適用した iPhone 4S でテストされました。

<div data-role="page" id="track_dash">
    <div data-theme="a" data-role="header" data-position="fixed">
        <h3><!-- ex: Phase 1, Day 1 --> Phase #, Day # </h3>
        <a data-role="button" data-transition="flip" data-theme="b" class="ui-btn-right" href="#page2"> Info </a>
    </div>
    <div data-role="content">
        <div class="360">
            <img src="simgs/360_logo.png" /><!-- style="width: 170px; height: 91px" -->
        </div>
        <ul data-role="listview" data-divider-theme="b" data-inset="true">
            <li data-theme="c">
                <a href="#page4" data-transition="slide"> Track Meals </a>
            </li>
            <li data-theme="c">
                <a href="#page20" data-transition="slide"> Track Workouts </a>
            </li>
            <li data-theme="c">
                <a href="#page8" data-transition="slide"> Track Progress </a>
            </li>
            <li data-theme="c">
                <a href="#page17" data-transition="slide"> Journal </a>
            </li>
        </ul>
        <ul data-role="listview" data-divider-theme="d" data-inset="true">
            <li data-theme="d">
                <a href="#page52" data-transition="slide"> <img src="simgs/alert_bubble.png" alt="Alerts" class="ui-li-icon" /> Alerts <span class="ui-li-count">2</span> </a>
            </li>
        </ul>
    </div>

    <div data-theme="e" data-role="footer" data-position="fixed">
        <div data-role="navbar" data-iconpos="top">
            <ul>
                <li>
                    <a href="#page1" id="track" data-theme="e" data-icon="custom" data-corners="false" data-iconshow="true" data-wrapperels="span" class="ui-btn-active"> <span class="foot_font">Track</span> </a>
                </li>
                <li>
                    <a href="#page40" id="cal" data-theme="e" data-icon="custom" data-corners="false" data-iconshow="true" data-wrapperels="span"> <span class="foot_font">Calendar</span> </a>
                </li>
                <li>
                    <a href="#page44" id="shop" data-theme="e" data-icon="custom" data-corners="false" data-iconshow="true" data-wrapperels="span"> <span class="foot_font">Shopping</span> </a>
                </li>
                <li>
                    <a href="#page22" id="profile" data-theme="e" data-icon="custom" data-corners="false" data-iconshow="true" data-wrapperels="span"> <span class="foot_font">Profile</span> </a>
                </li>
                <li>
                    <a href="#page47" id="more" data-theme="e" data-icon="custom" data-corners="false" data-iconshow="true" data-wrapperels="span"> <span class="foot_font">More</span> </a>
                </li>
            </ul>
        </div>
    </div>
</div>
4

1 に答える 1

1

この問題が原因である可能性があります- jquery mobile 1.1. ヘッダーに data-position="fixed" を設定しているため、特に目立ちます。その号にはいくつかの答えがあります。最後まで読んでください。

それ以外の場合は、使用しているブラウザーやモバイル OS がわからない場合は、具体的に説明する必要があります。また、使用している jqm のバージョンも記載する必要があります。

于 2012-05-24T17:43:29.877 に答える