2012-04-01 4 views
0

ファイルを選択するか、テキストボックスを変更してそれをクリックすると、次のコードで警告ボックスが表示されます。変更と交換は私のコンピュータでは機能しません。何が原因でしょうか?

私はコードがうまくいかなければならないと信じていますが、そうではありません。 JSFiddleでコードスニペットを分離して実行することもできます。

私のコードに問題はありませんか?そうでない場合は、私のコンピュータ上の何かがこのコードが動作しないようにすることができますか?

<html> 

<head> 

    <script src="http://code.jquery.com/jquery-latest.js"></script> 
    <script> 
    $(document).ready(function() { 
     document.getElementById("file").onchange(function() { 
      alert($(this).val()); 
     }); 

     $('#text').change(function() { 
      alert($(this).val()); 
     }); 
    }); 

    </script> 
</head> 


<body> 
    <input id="file" type="file" name="file" /> 
    <input id="text" type="text" name="text" /> 
</body> 

</html> 
+0

3rror404の答えは正しかったです。しかし、私は自分のコードに追加のエラーがあります。正しいコードは "document.getElementById(" file ")です。onchange = function(){...};"したがって、 "document.ready"にコードを組み込んだとしても、スクリプトはjQueryを実行する前に停止しました。 – Mark

答えて

1

代わりに使用

(と思う)jsfiddleがあなたのためにこれを行い

$(document).ready(function() { 

}); 
であなたの関数をラップしてみてください。

$(window).ready(function() { 

}); 

をあなたはその全体を確実にしたい場合コードを実行しようとする前にページが読み込まれました。

さらに読書: http://docs.jquery.com/Tutorials:Introducing_ $(ドキュメント).ready()

+1

です。左側のパネルを見ると、 ''ラップ(頭なし) ''ラップ(ボディ) '' onLoad'と 'onDomReady'の' 'オプション' 'で' select'(ライブラリ ' 。 –

+0

誰かが私のために上記のリンクをフォーマットしてもらえますか?私は私の電話でそれをすることはできません。ありがとう – Turnip

+0

これは役に立たなかった。新しいコードを含めるために投稿を編集しました。提案していただきありがとうございます。 – Mark

関連する問題