Question

我刚刚开始使用jquery mobile并且发生了一件奇怪的事情。当我快速单击导航栏（每次在不同的项目上）时，我的页脚会在其中一个页面上消失。这是我的代码（这是主文件，但所有其他文件与导航栏项目上的ui-active类除外）

<!DOCTYPE html>
<html>
    <head>
        <title>Page Title in head</title>

        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="stylesheet" type="text/css" href="js/lib/jquery.mobile-1.0b1.css" />
        <script type="text/javascript" src="js/lib/jquery-1.6.1.js"></script>
        <script type="text/javascript" src="js/lib/jquery.mobile-1.0b1.js"></script>
        <script>
            $.mobile.defaultPageTransition='none';
            //$.mobile.useFastClick='false';
        </script>
    </head>
    <body>
        <div data-role="page" class="type-interior">
            <div data-role="header" data-theme="f" data-position="fixed">
                <h1>Friends</h1>
                <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
            </div>
            <div data-role="content">
                                    <p>
                        This is the test
                    </p>
                    <ul data-role="listview" data-dividertheme="d" style="margin-top: 0;">
                        <li data-role="list-divider">
                            A
                        </li>
                        <li>
                            <a href="index.html">Adam Kinkaid</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>
                    </ul>

            </div><!-- /content -->

            <div data-role="footer" data-id="footer" data-position="fixed">
                <h1>Footer</h1>

            </div><!-- /footer -->
                <div data-role="navbar">
                    <ul>
                        <li>
                            <a href="/views/first.html" class="ui-btn-active ui-state-persist">First</a>
                        </li>
                        <li>
                            <a href="/views/second.html">Second</a>
                        </li>
                        <li>
                            <a href="/views/third.html">Third</a>
                        </li>
                    </ul>
                </div><!-- /navbar -->
        </div><!-- /page -->
    </body>
</html>

我应该停止使用jquerymobile页脚还是有人知道解决方法？

谢谢！

jquerymobile。页面快速切换时页脚消失

0 个答案: