2016-07-06 7 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

javascriptのスペルが間違っているため、JSファイルが機能しませんでした。

関連する問題