ChocolateChip-UI мешает getElementbyId

В настоящее время я работаю над приложением для телефонной связи, вчера я добавил ChocolateChip-UI и столкнулся с проблемой. Мой код Javascript еще не работает должным образом. Если я хочу получить элемент по идентификатору, он просто возвращает ноль. Есть ли необходимость использовать другие функции для изменения значения внутри HTML-тегов? Я даже попытался получить значение с помощью консоли в Chromium, но мне просто возвращается значение null. Мой HTML-код выглядит так:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="msapplication-tap-highlight" content="no" />
        <link rel="stylesheet" type="text/css" href="css/resets.css" />
        <link rel="stylesheet" type="text/css" href="css/chui-android-3.8.5.css" />
        <link rel="stylesheet" type="text/css" href="css/leaflet.css" />
        <link rel="stylesheet" type="text/css" href="css/index.css" />
        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
        <script type="text/javascript" src="js/chui-3.8.5.min.js"></script>
        <script type="text/javascript" src="js/leaflet.js"></script>
        <script type="text/javascript" src="js/d3.min.js"></script>
        <script type="text/javascript" src="js/gps.js"></script>
        <script type="text/javascript" src="js/stopwatch.js"></script>
        <script type="text/javascript" src="js/map.js"></script>
        <script type="text/javascript" src="js/storage.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
        <title>Simply running</title>
    </head>
    <body>
        <script>
            $(function() {
                var opts = {
                    tabs : 4,
                    icons : ["run", "statistics", "settings"],
                    labels : ["Run", "Statistics", "Settings"],
                    selected : 1
                };
                $.UITabbar(opts);
            });
            onload_run();
        </script>
        <!-- The run/home page--->
        <nav>
            <h1>Simply Running</h1>
        </nav>
        <article id="Run" class="current">
            <p id="stopwatch">Hello world!</p>
            <input type="button" value="Start" onclick="start();">
        </article>
        <!-- The statistics page--->
        <nav class="next">
            <h1>Statistics</h1>
        </nav>
        <article id="statistics" class="next">

        <!-- The settings page--->
        </article>
        <nav class="next">
            <h1>Settings</h1>
        </nav>
        <article id="settings" class="next">
        </article>
    </body>
</html>
Источник

1 ответ

Решение

Я нашел решение: я просто должен поставить document.getElementbyId() код внутри:

<script>
    $(function() {
        var opts = {
            tabs : 4,
            icons : ["run", "statistics", "settings", "donate"],
            labels : ["Run", "Statistics", "Settings", "Donate"],
            selected : 1
        };
        $.UITabbar(opts);
        //My document.getElementbyId code goes here
    });
</script>

Поместив вызов функции в функцию, которая получает элемент внутри тегов скрипта, решит ее.

Источник
Другие вопросы по тегам