1

私はこのチュートリアルに従っており、次のコードがあります。

CSS:

.bot {
    color:#CCCCCC;
    font-weight:bold;
}

Javascript:

function username(){
    $("#container").html("<span class = 'bot'>Chatbot: </span>Hello, what is your name?);
}

$(function(){
    username();
});

チュートリアルを徹底的に実行しましたが、コードが機能しない理由がわかりません。問題が何であるかを知っている人はいますか？

4

2 に答える 2

3

関数に html 文字列を閉じるため"の引用符がありません:username

function username() {
    $("#container")
        .html("<span class = 'bot'>Chatbot: </span>Hello, what is your name?");
}

$(function() {
    username();
});

このようなエラーは、ブラウザのデバッグ コンソールに表示されます。

于 2014-01-11T13:08:01.243 に答える
1

チュートリアルに関連する jquery コードはすべて $(function () {}

これが実際の例です：

http://jsfiddle.net/3wySt/5/

および修正されたスクリプト:

var username = "";

function send_message(message) {
    $("#container").html("<span class=&quot;bot&quot;>Chatbot: </span>" + message);
}

function get_username() {
    send_message("Hello, what is your name?");
}

function ai(message) {
    if (username.length < 3) {
        username = message;
        send_message("Nice to meet you " + username + ", how are you doing?");
    }
}

$(function () {

    get_username();

    $("#textbox").keypress(function (event) {
        if (event.which == 13) {
            if ($("#enter").prop("checked")) {

                $("#send").click();
                event.preventDefault();

            }

        }

    });

    $("#send").click(function () {

        var username = "<span class=&quot;username&quot;>You: </span>";

        var newMessage = $("#textbox").val();

        $("#textbox").val("");

        var prevState = $("#container").html();

        if (prevState.length > 3) {
            prevState = prevState + "";
        }

        $("#container").html(prevState + username + newMessage);

        $("#container").scrollTop($("#container").prop("scrollHeight"));

        ai(newMessage);

    });

});
于 2014-01-12T22:08:37.390 に答える