Windows手机JQuery Mobile Code无法正常工作 - 空白屏幕

时间:2015-05-16 19:29:18

标签: android jquery cordova visual-studio-2012 windows-phone-8.1

我正在使用visual studio为windows phone,android和iphone开发混合应用程序。

我无法使用此代码,我不知道为什么。这在Android中运行良好,但在Windows Phone中运行良好。

基本上我看不到表格。而是显示空白。

有人可以帮帮我吗?

我的代码:

  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
    <!-- CidadaoAtivo references -->

    <link rel="stylesheet" href="css/jquery/jquery.mobile-1.4.5.min.css">   

    <script src="cordova.js"></script>

    <!--<link rel="stylesheet" href="css/jquery/jquery.mobile.structure-1.4.5.css">-->
    <script src="scripts/JQuery/jquery-2.1.3.min.js"></script>
    <script src="scripts/JQuery/jquery.mobile-1.4.5.min.js"></script>
    <script src="scripts/index.js"></script>
    <script src="scripts/main.js"></script>
    <script src="scripts/contactos.js"></script>
    <script src="scripts/winstore-jscompat.js"></script>
    <script src="scripts/platformOverrides.js"></script>
<div data-role="page" id="login">
        <div data-role="header" style="background-color:lightblue; color:black;">
        </div>
        <div data-role="main" class="ui-content" style="max-width: 500px; margin:auto">
            <div style="max-width: 500px; margin:auto; font-family: Arial, Helvetica, sans-serif" >
                <form>
                    <input type="email" placeholder="Email" />
                    <input type="password" placeholder="Palavra-Passe" />
                    <div  data-role="controlgroup" data-type="vertical">
                        <a  class="ui-btn ui-corner-all ui-icon-check ui-btn-icon-left" id="loginMail">Entrar com Email</a>
                        <a  class="ui-btn ui-corner-all" style="background-color:blue; color:whitesmoke; background-image:url(images/Facebook_Sticker_Icon.png); background-position:10px; background-repeat:no-repeat; background-size:24px;">Entrar com Facebook</a>
                    </div>
                </form>
            </div>

        </div>
        <div data-role="footer" data-position="fixed" style="background-color:lightblue; color:black; font-family: Arial, Helvetica, sans-serif; font-size:10px" >
            <div data-role="navbar" style="max-width: 500px; margin:auto">
                <ul>
                    <li><a href="#login" class="ui-btn-active ui-state-persist ui-icon-user ui-btn-icon-top">Entrar</a></li>
                    <li><a href="#register" class="ui-icon-edit ui-btn-icon-top">Registar</a></li>
                </ul>
            </div>
        </div>
    </div>

1 个答案:

答案 0 :(得分:1)

将每个脚本的Build Action设置为Content。要执行此操作,请右键单击Solution Explorer中的脚本文件,然后选择Properties。然后,您将在“属性”窗口中获得Build Action