Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/asp.net-mvc/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Asp.net 闪烁的jQueryMobile_Asp.net_Asp.net Mvc_Jquery Mobile - Fatal编程技术网

Asp.net 闪烁的jQueryMobile

Asp.net 闪烁的jQueryMobile,asp.net,asp.net-mvc,jquery-mobile,Asp.net,Asp.net Mvc,Jquery Mobile,我正在使用MVC(MVC-n00b)开发一个jQueryMobile站点 我有一个带有导航栏的页脚(见下图) 单击启动/测试等按钮时,屏幕变为白色,然后出现新的“屏幕”。我想我收到了回信。我做错了什么 我的“主页”视图代码: <div data-role="page" id="page1"> <div data-role="header"> <h1>page1 </h1>

我正在使用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>

第1页
内容1
第2页 内容2
第3页 内容3

事实上,我在一个普通的asp.net项目中尝试了“相同”的方法,得到了相同的结果。

添加data transition=“none”解决了这个问题

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

  • 谢谢Gajotres

    你的期望是什么?这就是jQuery Mobile在没有转换的情况下的工作方式。@Gajotres-Ahaa。我的期望值“很高”:)谢谢你的提示。我很高兴能够提供帮助:)@Gajotres Adding data transition=“none”解决了这个问题。再次感谢!