我的JS无法正常工作(聊天应用程序)

时间:2016-07-06 15:21:34

标签: javascript jquery html css node.js

所以在我之前的一些事情之后,我问过我遇到了我的JS问题。我想在使用Node,Socket.IO和JS的聊天系统的不同文件中使用它。我以前在索引文件中有JS,但我想把它放在自己的文件中。

我知道您需要使用我已经完成的app.use(express.static('public));。我的CSS在目录/css/styles.css(在公共文件夹中)的单独文件中工作,但我的JS不想在公共文件夹中工作。

我在index.html中的代码导入它<script type="text/javascipt" src="/js/java.js"></script>。我不知道这是不对的,如果是的话请纠正我。

为什么我的JS不工作的任何帮助都会很棒。谢谢。

好的,所以添加更多信息,我根本没有得到客户端或服务器端的任何错误。这是我整个聊天系统的JS文件。

$('document').ready(function(){
var socket = io.connect();
var $messages = $('#messages');
var $m = $('#m');
var $submitForm = $('#submitForm');
var $userFormArea = $('#userFormArea');
var $userForm = $('#userForm');
var $username = $('#username');
var $errorText = $('#errorText');
var $messageFormArea = $('#messageFormArea');
$errorText.hide();
$messageFormArea.hide();
$submitForm.submit(function(e){
  e.preventDefault();
  socket.emit('chat message', $m.val());
  $m.val('');
  return false;
});
socket.on('sent message', function(data){
    $messages.append('<li><strong>'+data.user+'</strong>: '+data.msg+'</li>');
});

socket.on('bad message', function(data){
    $messages.append('<li><strong>'+data.user+'</strong>: Was trying to send invalid character!</li>');
});

$userForm.submit(function(e){
e.preventDefault();
if($username.val() === ''){
  $errorText.show();
} else if ($username.val() === '<'){
  $errorText.show();
} else if($username.val() === '>'){
  $errorText.show();
} else {
  $errorText.hide();
  socket.emit('new user', $username.val(), function(data){
    if(data){
      $userFormArea.hide();
      $messageFormArea.show();
    }
  });
}
$username.val('');
});
});

记住这曾经是在index.html中。任何修复/解决方案都会很棒。谢谢!

1 个答案:

答案 0 :(得分:0)

JS文件不起作用,因为我拼错了javascript。