我的JS不起作用(聊天应用程序)



所以按照我之前的一些事情,我的JS遇到了问题。我希望它位于使用 Node、Socket.IO 和 JS 的聊天系统的不同文件中。我曾经在索引文件中有JS,但我希望它在自己的文件中。

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

我在索引中的代码.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('');
});
});

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

JS文件无法正常工作,因为我拼错了javascript。

最新更新