闪烁的jQueryMobile

Question

我正在使用MVC（MVC-n00b）开发一个jQueryMobile站点。

我有一个带导航栏的页脚（见下图）

单击开始/测试等之一时，屏幕变为白色，然后出现新的“屏幕”。我想我得到一个回发。我做错了什么？

我的“主页”视图代码：

 <div data-role="page" id="page1">
        <div data-role="header">
            <h1>page1
            </h1>
        </div>
        <div data-role="content">
            Content1</div>
        <div  data-role="footer">
            <div data-role="navbar">
                <ul>
                    <li><a href="#page1" class="ui-btn-active ui-state-persist">One</a></li>
                    <li><a href="#page2">Two</a></li>
                    <li><a href="#page3">Three</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div data-role="page" id="page2">
        <div data-role="header">
            <h1>page2
            </h1>
        </div>
        <div data-role="content">
            Content2</div>
        <div  data-role="footer">
            <div data-role="navbar">
                <ul>
                    <li><a href="#page1">One</a></li>
                    <li><a href="#page2" class="ui-btn-active ui-state-persist">Two</a></li>
                    <li><a href="#page3">Three</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div data-role="page" id="page3">
        <div data-role="header">
            <h1>
                page3
            </h1>
        </div>
        <div data-role="content">
            Content3</div>
        <div  data-role="footer">
            <div data-role="navbar">
                <ul>
                    <li><a href="#page1">One</a></li>
                    <li><a href="#page2">Two</a></li>
                    <li><a href="#page3" class="ui-btn-active ui-state-persist">Three</a></li>
                </ul>
            </div>
        </div>
    </div>

我实际上尝试了与普通asp.net项目“相同”的结果。

Answer 1

添加data-transition =“none”解决了它。

 <li><a href="#page2" data-transition="none">Two</a></li>

谢谢Gajotres！