Я работаю с Sencha Touch, пытаясь создать мобильную тему Wordpress для веб-сайта. В данный момент я тестирую код из следующего учебника
В моем браузере на рабочем столе все работает нормально. Но когда я захожу на сайт с моего мобильного устройства (iPhone или Android), я просто получаю пустой экран.
UPDATE
Ниже приведен код в 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>
Я также скачал Kitchen Sink с веб-сайта Sencha Touch, и он работает без проблем на обоих мобильных устройствах.
Так что я не уверен, что происходит и где искать, поэтому любая помощь будет признательна.