誰かがこのコードでエラーを見つけることができますか？

このコードをブラウザで実行すると、 'fadeIn'メソッドがないと表示されます。それには理由がありますか？誰かがこのコードでエラーを見つけることができますか？

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script type="text/javascript"> 
    function showDiv1() { 
     $("#blackback").fadeIn(500); 
     $("#contactform").fadeIn(500); 
     $("#blackback").click(function() { 
      hideDiv1(); 
     }); 
    } 
    function hideDiv1() { 
     $("#blackback").fadeOut(500); 
     $("#contactform").fadeOut(500); 
    } 
</script>

ありがとうございます！

出典

2011-12-08 The Thinker

はあなたが適切ページへのjQueryを追加しているありますこれより上のスクリプトタグですか？ – loganfsmyth

添付のマークアップを見ることなく、特定するのは難しいですが、あなたの要素への参照が間違っていると思います。 – Paul

@Paul：セレクタが要素に一致しない場合でも、エラーは発生しません。空のjQueryオブジェクトで 'fadeIn'を呼び出すだけで何もできません。 – Guffa

それはjqueryの関数である、あなたは

出典

2011-12-08 05:38:13 zuo

あなたはjqueryのjsファイルが含まれている最初のjqueryのJavaScriptのフレームワークを登録する必要がありますか？クエリライブラリが含まれていないような

<script src="http://code.jquery.com/jquery-latest.js"></script>

を参照してくださいhttp://api.jquery.com/delay/

出典

2011-12-08 05:39:06

ええ、私は持っているが、それはまだ動作していないようです！ –

2点

などは、前述しましたか？
関数を呼び出すときに、DOMを起動する前にDOMがロードされるのを待っていますか？つまり、ドキュメントの準備はできていますか？

は、私はあなたのコードを取り、書類準備やjqueryのライブラリに追加し、

<html> 
    <head> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
     <script type="text/javascript"> 
     $(document).ready(function() { 
      $("#blackback").hide(); 
      $("#contactform").hide(); 
      showDiv1(); 
     }); 

function showDiv1() { 
$("#blackback").fadeIn(500); 
$("#contactform").fadeIn(500); 
$("#blackback").click(function() { 
hideDiv1(); 
}); 
} 
function hideDiv1() { 
$("#blackback").fadeOut(500); 
$("#contactform").fadeOut(500); 
} 
</script> 

    </head> 
    <body> 
    <div id="blackback">ONE</div> 
    <div id="contactform">contact Form</div> 

    </body> 

</html>

正常に動作するように見えた

このランニングの例はhere

出典

2011-12-08 05:52:47

誰かがこのコードでエラーを見つけることができますか？

答えて

関連する問題