2016-07-06 131 views
-6

因此,我已經問了一些以前的事情,我遇到了我的JS問題。我希望它在我的聊天系統的另一個文件中使用Node,Socket.IO和JS。我曾經在索引文件中有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。任何修補程序/解決方案都會很棒。謝謝!

+3

idk如果這是要解決,但你的'app.use(express.static('public));'在'public'後面缺少''' –

+2

你得到了什麼錯誤?如果可能的話,你應該發佈一個最小的完整例子,這樣我們可以重現和更有效地進行調試。 – ssube

+1

你也拼錯了'text/javascript'。 – duskwuff

回答

0

該JS文件不工作,因爲我拼錯的JavaScript。

相關問題