Javascript输出新的div,但不响应firebase服务器
我正在尝试拉一个聊天覆盖来覆盖当前的html,除了我的firebase内容没有加载之外,一切都正常。它可能与output=输出部分有关。你认为可能是我的身份无法定义吗。因此,覆盖确实出现并显示了所有div,除了应该在我的#messageDiv中的实际内容Javascript输出新的div,但不响应firebase服务器,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试拉一个聊天覆盖来覆盖当前的html,除了我的firebase内容没有加载之外,一切都正常。它可能与output=输出部分有关。你认为可能是我的身份无法定义吗。因此,覆盖确实出现并显示了所有div,除了应该在我的#messageDiv中的实际内容 var myDataRef = new Firebase('https://tbfnchatnew.firebaseio.com/'); $('#messageInput').keypress(function (e) { if (e
var myDataRef = new Firebase('https://tbfnchatnew.firebaseio.com/');
$('#messageInput').keypress(function (e) {
if (e.keyCode == 13) {
var name = $('#nameInput').val();
var text = $('#messageInput').val();
var names = "joe","Joe"];
var bad_name = false;
for (var k in names) {
var this_name = names[k];
if(name.indexOf(this_name) > -1) {
bad_name = true;
break;
}
}
if (bad_name) {
alert('That is the Bosses name silly!');
e.off();
}
if (text == "") {
alert("Please do not give us RBF, Input your message");
e.off();
}
myDataRef.push({name: name, text: text});
$('#messageInput').val('');
}
});
myDataRef.on('child_added', function(snapshot) {
var message = snapshot.val();
displayChatMessage(message.name, message.text);
});
function displayChatMessage(name, text) {
$('<div/>').text(text).prepend($('<em/>').text(name+': ')).appendTo($('#messagesDiv'));
$('#messagesDiv')[0].scrollTop = $('#messagesDiv')[0].scrollHeight;
};
$("#chat-answer").delay(1000).fadeIn('slow');
var getTextf = function(){
dialogInput.set('textAnswerf', "Chat")
};
var dialogInput = {
id: null,
value: null,
set: function(resultID, question){
dialogInput.id = resultID;
var output = "";
output = output + "<h3>Chat</h3>";
output = output + "<div id='messagesDiv' class='chat-wrapper'></div>";
output = output + "<div id='chat-answer'><input type='text' id='nameInput' class='chat-input-name chat-input' placeholder='Name'><textarea type='text' id='messageInput' class='chat-input-mess chat-input' placeholder='Message' required=''></textarea></div>";
output = output + "<a href='javascript:dialogInput.cancel()' class='input-click'> Cancel </a>";
document.getElementById("overlay").innerHTML = output;
document.getElementById("overlay").style.display = "block";
},
hide: function(){
document.getElementById("overlay").innerHTML = "";
document.getElementById("overlay").style.display = "none";
},
done: function(){
document.getElementById(dialogInput.id).innerHTML = document.getElementById("overlay").getElementsByTagName("input")[0].value;
},
cancel: function(){
dialogInput.hide();
}
}
var myDataRef=new Firebase('https://tbfnchatnew.firebaseio.com/');
$('#messageInput')。按键(功能(e){
如果(e.keyCode==13){
var name=$('#nameInput').val();
var text=$('#messageInput').val();
var names=“乔”,“乔”];
var bad_name=false;
for(名称中的变量k){
var this_name=名称[k];
if(name.indexOf(this_name)>-1){
坏名字=真;
打破
}
}
如果(坏名字){
警惕(“那是老板的名字,傻瓜!”);
e、 off();
}
如果(文本==“”){
警报(“请不要给我们RBF,输入您的消息”);
e、 off();
}
myDataRef.push({name:name,text:text});
$('#messageInput').val('');
}
});
myDataRef.on('child_added',函数(快照){
var message=snapshot.val();
displayChatMessage(message.name,message.text);
});
函数displayChatMessage(名称、文本){
$('').text(text).prepend($('').text(name+':')).appendTo($('#messagesDiv'));
$('#messagesDiv')[0]。scrollTop=$('#messagesDiv')[0]。scrollHeight;
};
$(“#聊天回答”).delay(1000).fadeIn('slow');
var getTextf=函数(){
dialogInput.set('textAnswerf',“Chat”)
};
变量对话框输入={
id:null,
值:null,
集合:函数(结果,问题){
dialogInput.id=resultID;
var输出=”;
输出=输出+聊天;
输出=输出+“”;
输出=输出+“”;
输出=输出+“”;
document.getElementById(“overlay”).innerHTML=输出;
document.getElementById(“覆盖”).style.display=“块”;
},
隐藏:函数(){
document.getElementById(“覆盖”).innerHTML=“”;
document.getElementById(“覆盖”).style.display=“无”;
},
完成:函数(){
document.getElementById(dialogInput.id).innerHTML=document.getElementById(“覆盖”).getElementsByTagName(“输入”)[0]。值;
},
取消:函数(){
dialogInput.hide();
}
}
html:这将调用实际覆盖+div覆盖
<a href='javascript:getTextf()' class="link-click" style="z-index:100;"><img src="../images/chat.png" class="menu-image"></a>
<div id='overlay' style="z-index:1000;"></div>
此外,脚本在我的脑海中,而不是在页脚中,但我已尝试移动到不同的位置,但它仍然无法加载。控制台中是否有任何错误?我注意到在脚本的顶部,您缺少了开头的括号:
var names=“joe”,“joe”]代码>@JesseKernaghan hey acutally我发现这非常复杂和不干净,我决定将其实现为一个更好的jquery/bootstrap函数。谢谢你的帮助。请