Question

我正在与Sencha Touch合作，试图为网站创建一个移动Wordpress主题。目前我正在测试以下tutorial

中的代码

我的桌面浏览器上运行正常。但是当我从我的移动设备（iPhone或Android）访问该网站时，我只是得到一个空白屏幕。

更新

以下是index.php中的代码，在我的移动设备上，我看到的是THIS IS A TEST，而在我的桌面浏览器上显示THIS IS A TEST，然后JS加载。

<h1>THIS IS A TEST</h1>
<script type="text/javascript" src="<?php bloginfo(" template_url "); ?>/senchatouch/sencha-touch-debug.js"></script>

<div id="sencha-app">
    <script type="text/javascript" src="<?php bloginfo(" template_url "); ?>/app/routes.js"></script>
    <script type="text/javascript" src="<?php bloginfo(" template_url "); ?>/app/app.js"></script>

    <!-- Place your view files here -->
    <div id="sencha-views">
        <script type="text/javascript" src="<?php bloginfo(" template_url "); ?>/app/views/Viewport.js"></script>
        <script type="text/javascript" src="<?php bloginfo(" template_url "); ?>/app/views/Post/Index.js"></script>
        <script type="text/javascript" src="<?php bloginfo(" template_url "); ?>/app/views/Post/Single.js"></script>
        <script type="text/javascript" src="<?php bloginfo(" template_url "); ?>/app/views/Post/Comment.js"></script>
    </div>

    <!-- Place your model files here -->
    <div id="sencha-models">
        <script type="text/javascript" src="<?php bloginfo(" template_url "); ?>/app/models/Post.js"></script>
        <script type="text/javascript" src="<?php bloginfo(" template_url "); ?>/app/models/Comment.js"></script>
    </div>

    <!-- Place your controller files here -->
    <div id="sencha-controllers">
        <script type="text/javascript" src="<?php bloginfo(" template_url "); ?>/app/controllers/Post.js"></script>
    </div>
</div>

我还从Sencha Touch网站下载了Kitchen Sink，它在两个移动设备上都没有问题。

所以我不确定最新情况或从哪里开始寻找，所以任何帮助都会受到赞赏。

移动设备上的空白屏幕与Sencha Touch

0 个答案: