windows-phone-7之jQuery-Mobile 未在 Windows Phone 7 中运行

lonelyxmas 阅读：23 2024-11-24 20:56:43 评论：0

我在 jQuery alpha 4 中做一个简单的任务。它在浏览器中运行，但是当我在 WP7 模拟器中运行时，它只显示白屏？谁能建议我如何在 WP7 中运行？

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Alpha 4 test</title> 
<!-- alpha 4 for jQuery mobile --> 
<link rel="stylesheet" href="script/jquery.mobile-1.0a4.min.css" /> 
<script type="text/javascript" src="script/jquery-1.5.min.js"></script> 
<script type="text/javascript" src="script/jquery.mobile-1.0a4.min.js"></script> 
<script type="text/javascript"> 
function callpage2() 
{ 
$.mobile.changePage("#detailpage","slide",false,false); 
 
} 
</script> 
</head> 
 
<body id="callweb"> 
    <!-- /Page Starts --> 
        <div data-role="page" id="searchpage"> 
            <!-- /header Starts--> 
                <div data-role="header" data-backbtn="false"> 
                     <center><font size="2"><h3>Saxo Tech</h3></font></center> 
                </div> 
            <!-- /header Ends --> 
            <!--Content Begins--> 
            <center> 
                <div data-role="content" id="content"> 
                    First page 
                    <a href="#detailpage" data-icon="arrow-r" id="BackSearch" data-role="button"> Using ID</a> 
                    <button onclick="callpage2()"> Using button (mobile changepage)</button> 
                    <ul data-role="listview" data-inset="true" data-theme="e"> 
                    <li><img src="script/images/11.jpg" class="ui-li-thumb" /> <a style="margin-left:1em;">one</a></li> 
                    <li> <img src="script/images/globe.jpg" class="ui-li-thumb" /><a style="margin-left:1em;">two</a></li> 
                    </ul> 
                </div> 
            </center> 
            <!--Content Ends--> 
        </div> 
    <!-- Page End--> 
 
 
    <!-- Detail Page Starts --> 
        <div data-role="page" id="detailpage"> 
            <!-- /header Starts--> 
                <div data-role="header"> 
                <center><font size="2"><h3>Saxo Tech</h3></font></center> 
                <a href="#searchpage" data-icon="arrow-l" data-iconpos="notext" id="BackSearch" data-role="button" class="ui-btn-left"> &nbsp;&nbsp;Back &nbsp;&nbsp;</a> 
                </div> 
             <!-- /header Ends --> 
             <!--Content Begins--> 
                <center> 
                    <div data-role="content" id="content"> 
                        second page 
                    </div> 
                </center> 
            <!--Content Ends--> 
        </div> 
    <!--Detail Page End--> 
</body> 
</html>

请您参考如下方法:

移动浏览器上的调试功能不是很先进。

调试此问题的最佳方法是尝试使用桌面浏览器。此示例是否在 IE7(或以兼容模式运行的 IE9)上运行？首先让它在那里工作，然后将其移动到移动用户界面。

标签:jquery

声明

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。