0

子入力要素に対してkeydownイベントがトリガーされるたびに、親divの色を変更するjqueryスクリプトを作成していましたが、コードが実行されていないようです。

<html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script>
            $(document).ready(function(){
                        $("input").keydown(function(){
                        $("#div").css("background-color","teal");
                    });
                });
        </script>
    </head>
    <body>
    <div id="div">
        <input type="text">
    </div>
    </body>
</html>
4

2 に答える 2

5

jqueryリンクの「http」を忘れた（file://ファイルへのアクセスに使用していると仮定）、変更

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

に

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

編集：

//ajax.googleapis.com/...サーバーに移動する準備ができたら、@Femarefが言及したhttp/httpsの問題を回避するようにサーバーを変更します。

于 2013-01-10T19:33:34.910 に答える
1

これがすべてのコードである場合、divには背景を表示するためのスペースがありません。

このフィドルをご覧ください。http://jsfiddle.net/RcyQW/

padding:5px;divを追加すると、背景色が表示されます。

また、ユーザーが入力に何かを入力したときにのみトリガーされ、フォーカスがあるときはトリガーされないことに注意してください。

于 2013-01-10T19:34:56.107 に答える