本教程所有相关的jquery代码都需要包含在$(function(){}中
这是一个工作示例:
http://jsfiddle.net/3wySt/5/
和更正的脚本:
var username = "";
function send_message(message) {
$("#container").html("<span class="bot">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="username">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);
});
});