CSS не срабатывает в симуляторе iphone / ipad - PullRequest
Новая
       1

CSS не срабатывает в симуляторе iphone / ipad

0 голосов
/ 06 декабря 2011

Я использую xcode и phonegap для мобильной разработки. Когда я запускаю приложение с симулятором, оно не применяет никакую таблицу стилей. Пожалуйста, дайте мне знать, как избавиться от этой проблемы.

Вот код страницы index.html: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1 user-scalable=no,width = 320" />
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <link rel="stylesheet" type="text/css" href="jqtouch.css" />
    <link href="theme.css" rel="stylesheet" type="text/css" />
    <script src="Jquery.1.6.1.js" type="text/javascript"></script>
    <script src="phonegap.js" type="text/javascript"></script>
    <script type="text/javascript" src="Scripts/jqtouch.js"></script>
  <script type="text/javascript">
        var jQT = new $.jQTouch({});
  </script>
</head>
<body >
<div id="jqt">
    <div id="home">
        <div class="toolbar">
            <h1>
                NIAID</h1>
        </div>
        <ul class="edgetoedge">
            <li class="arrow"><a href="#get">Search Users</a></li>
        </ul>
    </div>
    <div id="get">
        <div class="toolbar">
            <h1>
                NED - Search Users</h1>
        </div>
        <div class="info">
            <center>
                <table>
                    <tr>
                        <td>
                            First Name :
                            <input type="text" id="txtFirstName" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Last Name :
                            <input type="text" id="txtLastName" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="button" id="btnSearch" value="Search" />
                        </td>
                    </tr>
                </table>
            </center>
        </div>
        <ul class="edgetoedge" id="search-results">
            <li class="sep">Results</li>
        </ul>
        <ul id="placeholder" class="edgetoedge">
        </ul>
        <div class="toolbar">
            <a class="back" href="#" onclick="ClearContents()">Back</a></div>
    </div>
    <div id="Details" style="display: none">
        <div class="toolbar">
            <h1>
                User Details</h1>
        </div>
        <div class="info">
            <div id="result">
            </div>
        </div>
        <div class="toolbar">
            <a class="current" href="#" onclick="jQT.goBack();">Back to results</a></div>
    </div>


</div>
</body>
</html>

Пожалуйста, дайте мне знать, что я делаю не так.

Спасибо, Вишну

1 Ответ

0 голосов
/ 07 декабря 2011

Я не могу быть уверен, почему не применяется CSS, но проверьте следующее

  1. Вы уверены, что у вас есть правильный путь к файлам CSS и JS? для js кажется, что один файл js находится под сценариями, а другой - в той же папке, что и индекс, css также, кажется, находится в той же папке - проверьте, не может ли это быть вашей проблемой. Я даже не уверен, что сценарии ведут по правильному пути - вы можете попробовать ./scripts/file

  2. у вас есть 2 метатега области просмотра, я уверен, что это ошибка. они также частично противоречат друг другу. так что, вероятно, браузер переопределит первый со вторым

  3. , чтобы убедиться, что вы не используете API-интерфейс phonegap до загрузки устройства. Рекомендуется загружать страницу js (кроме библиотек) после того, как устройства запускают событие deviceready. как этот пример: 

        $(document).ready(function(){
        document.addEventListener('deviceready',function(){
            var script = document.createElement('script');
            script.type = "text/javascript";
            script.src = "./path/to/yourjsscript.js";//change to fit the path
            document.getElementsByTagName('body')[0].appendChild(script);
        },false);
    });
    </script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...