Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/unit-testing/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript输出新的div,但不响应firebase服务器_Javascript_Jquery_Html - Fatal编程技术网

Javascript输出新的div,但不响应firebase服务器

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

我正在尝试拉一个聊天覆盖来覆盖当前的html,除了我的firebase内容没有加载之外,一切都正常。它可能与output=输出部分有关。你认为可能是我的身份无法定义吗。因此,覆盖确实出现并显示了所有div,除了应该在我的#messageDiv中的实际内容

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函数。谢谢你的帮助。请