簡単なjQueryチュートリアルは機能しません

jQueryの簡単なチュートリアルを試していますが、うまくいきません。簡単なjQueryチュートリアルは機能しません

<html>                 
<head>      
    <title></title> 
    <script type="text/javascript" src="jquery-1.3.2.js">           
     $(function() { 
      $('a').click(function() { 
      $('#box').fadeOut(); 
     }); 
    });          
</script>   
<style type="text/css"> 
     #box 
    { background: red; 
     width: 300px; 
     height: 300px; 
    } 
</style> 

</head>                 
<body>         
    <div id="box" ></div> 
     <a href="#">Click Me</a> 

</body>                  
</html>

私がコピーされ、jqueryのファイル名を貼り付けている：私は間違っているものを見ることができないjqueryの-1.3.2

を？私はFirefoxを使用しています。

出典

2009-04-29 Ankur

何が起こるか教えてください。何もない？ブラウザからのエラー？予期しない何か？ –

コードのさまざまな部分をどこに配置するかを慎重にする必要があります。

私のために働いたこのコードを見てください。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
    <title>Fade Out Red Box</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <style type="text/css"> 
    #box 
    { 
    background: red; 
    width: 300px; 
    height: 300px; 
    } 
    </style> 
</head> 

<body> 
    <div id="box"></div> 
    <a href="#">Click me</a> 

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 

    <script type="text/javascript"> 
    $(document).ready(function(){ 
     $("a").click(function() { 
     $("#box").fadeOut("slow"); 
     }); 
    }); 
    </script> 
</body> 
</html>

出典

2009-04-29 16:04:14

hmmm興味深いことに、ドキュメントの本文にスクリプトタグがあります。ありがとうございます。 – Ankur

SCRIPTタグを置く場所はあなた次第です。私のコードでは、それらをHEADに入れることができ、それでも動作します。あなたのページが見えるようになると、それが始まります。 HEAD内のすべては、ページが描画を開始する前にロードされます。あなたのコードでは、SCRIPTタグで外部ファイルにリンクしようとしました。*と*不可能なコードを提供しています。 –

まず、ディレクトリにjquery-1.3.2.jsがあることを確認してください。

次に、あなたのスクリプトタグを変更します。

<script type="text/javascript" src="jquery-1.3.2.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
      $('a').click(function() { 
        $('#box').fadeOut(); 
      }); 
    }); 
</script>

出典

2009-04-29 09:13:14

異なるスクリプトブロックであなたのクリックイベントのコードを入れてください。

<script type="text/javascript" src="jquery-1.3.2.js"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $('a').click(function() { 
        $('#box').fadeOut(); 
      }); 
    }); 
    </script>

あなたがコミットし、エラーが（src属性経由）外部のリソースを参照Degrading Script Tags

スクリプトタグの私を覚えているが、もはや、タグ自体の中に埋め込まれたスクリプトを実行することはできません。

出典

2009-04-29 09:15:12 Eddy

簡単なjQueryチュートリアルは機能しません

答えて

関連する問題