0

基本的な Web アプリケーションを作成しようとしていますが、Javascript と JQuery を起動できません。デバッグを試みると、コンソールに JQuery コマンドを記述でき、正常に動作しますが、<script>タグが実行されていません (また、コンソールにも何も表示されません)。

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width,user-scalable=no">
    <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
</head>
    <body>
        <div class="ui-page ui-page-active" id="main">
            <div class="ui-content">
               <p id="changeme">foo</p>
            </div>
        </div>

        <script>
            console.log("ffs");
            $('#changeme').append("bar")
        </script>       
    </body>
</html>
4

2 に答える 2

0

こんにちは、jquery オブジェクトの準備が整うまで待つ必要があります。

http://learn.jquery.com/using-jquery-core/document-ready/

「ドキュメントが「準備完了」になるまで、ページを安全に操作することはできません。jQuery は、この準備完了状態を検出します。」

交換してみてください

<script>
    console.log("ffs");
    $('#changeme').append("bar")
</script>

為に

<script>
    console.log("ffs");
    $(document).ready(function(){
        $('#changeme').append("bar");
    });
</script>

私はウェアラブル向けに開発しているので、console.log はデバッグに最適な方法ではないことがわかりました.アラートを挿入してください。JQuery スクリプトの読み込みエラーを探します。

私はこの問題を抱えていましたが、これは私がそれを解決するためにしたことでもありました。

乾杯、

リカルド

于 2016-01-09T16:50:38.463 に答える
0

コードを html ファイルに貼り付けたところ、エミュレータで正しく動作しました。唯一の問題は、文字が黒く、背景も黒く、円の画面外 (左上の外側) に配置されていたことです。とのようなスタイルを指定するcolor: #ffffff;とtext-align: center、文字列が表示されます。

于 2016-01-04T13:23:48.117 に答える