0

タイトルが言ったように、これは jsfiddle で実行されている私のコードです: http://jsfiddle.net/paopaomj/zgGpN/

ローカル コンピューターにすべてのコードをコピーします (角かっこで編集) が、実行に失敗しました。(ここでは CSS スタイルを無視します)

    <html>
    <head>
        <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.2.min.js"></script>
        <!--<script type="text/javascript" src="tools.js"></script>-->
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
        <script>
            $document.ready(function(){
                $("#command").keyup(function (e) {
                    if (e.keyCode == 13) {
                        submit();
                    }
                });

                var submit = function () {
                    var commandEl = document.getElementById("command");
                    var command = commandEl.value;
                    var outputel = document.getElementById("output");
                    var new_row = document.createElement("div");
                    new_row.innerHTML = "root@host# > " + command;
                    outputel.appendChild(new_row);
                    commandEl.value="";
                };
            })
        </script>
        <div id="output"></div>
        <div id="input">
            root@host# >
            <input type="text" id="command" />
    </div>
</body>
</html>
4

4 に答える 4

2

どちらかを使用して、

$(document).ready(function() {
   // Handler for .ready() called.
});

また

$(function() {
    // Handler for .ready() called.
});

それ以外の

$document.ready(function(){
    // Handler for .ready() called.
});
于 2013-08-28T08:55:46.690 に答える
0

このようなコマンド関数を使用して、

            $("#command").on('keyup', function (e) {
                if (e.keyCode == 13) {
                    submit();
                }
            });
于 2013-08-28T08:59:05.663 に答える
0

コードを修正しました（「ドキュメントの準備ができました」とフォーマットの間違った指示）

  <html>
    <head>
        <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.2.min.js"></script>
        <!--<script type="text/javascript" src="tools.js"></script>-->
        <link rel="stylesheet" type="text/css" href="style.css">
                <script type="text/javascript">
            $(document).ready(function(){
                $("#command").keyup(function (e) {
                    if (e.keyCode == 13) {
                        submit();
                    }
                });

                var submit = function () {
                    var commandEl = document.getElementById("command");
                    var command = commandEl.value;
                    var outputel = document.getElementById("output");
                    var new_row = document.createElement("div");
                    new_row.innerHTML = "root@host# > " + command;
                    outputel.appendChild(new_row);
                    commandEl.value="";
                };
            })
        </script>
    </head>
    <body>

        <div id="output"></div>
        <div id="input">
            root@host# >
            <input type="text" id="command" />
    </div>
</body>
</html>
于 2013-08-28T08:59:07.260 に答える
0

document.ready()あなたの構文は間違っていました$(document).ready(function(){

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<script type="text/javascript">
    $(document).ready(function(){
        $("#command").keyup(function (e) {
            if (e.keyCode == 13) {
                submit();
            }
        });
    });

var submit = function () {
        var commandEl = document.getElementById("command");
        var command = commandEl.value;
        var outputel = document.getElementById("output");
        var new_row = document.createElement("div");
        new_row.innerHTML = "root@host# > " + command;
        outputel.appendChild(new_row);
        commandEl.value="";
    };
</script>

<style type="text/css">
body {
    font-family:'Rosario', sans-serif;
    background-color: #000000;
    font-size: 16px;
    color: #00FF00;
}

#output { margin-bottom: 0px; background-color: #000000; }
#input { margin-top: 0px; background-color: #000000; }

input {
    border: 0;
    background: #000000;
    color: #00FF00;
    outline: none;
    font-family:'Rosario', sans-serif;
    font-size: 16px;
    padding: 0px;
    margin-left: -0.1px;
    margin: 0px;
}
</style>
</head>
<body>
    <div id="output"></div>
    <div id="input"> 
        root@host# >
        <input type="text" id="command" />
    </div>
</body>
</html>
于 2013-08-28T09:00:18.637 に答える