FancyBoxを動作させることができません

Question

まずはfancyboxが働きました。しかし、私がサイトに追加したとき、それは完全に失敗しました。私はどこに間違っていたのか分かりません。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>   
</script>   
<script type="text/javascript" src="js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>   
<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.pack.js"></script> 
<link rel="stylesheet" type="text/css" href="js/fancybox/jquery.fancybox-1.3.4.css" media="screen" /> 
<script type="text/javascript"> 
$(document).ready(function() { 
$(".fancyImg").fancybox(); 
}); 
</script> 

<div id="About-MichaelP"><p>Website made by: <a class="fancyImg" href="#MichaelP">Michael Podsiadly</a></p></div> 

<div style="display: none;"> 
<div id="MichaelP" class="Hide"> 
<h1>About Michael Podsiadly</h1> 
<p></p> 
</div> 
</div> 

ありがとうございます。そして、これは私をとても疲れさせています。私はもうまっすぐ考えることさえできません。

Answer 1

あなたはアンカータグ

$("a.group") 

のクラスを設定していないようねえ、それは見えますが、「グループ」のクラスにタグを固定するために参照されます。あなたのリンクにグループクラスを追加

試してみてください。

<a href="#1" class="group"> 

OR

それはあなたが二回jQueryライブラリを含めるようにしようとしていることが考えられます。エラーが発生する可能性があります。

OR

私はこの1つをたくさん行います。これは、ファイルが間違った場所にいることが考えられます。 "js"フォルダはありますか？実際にそこにファイルがありますか？ CSSファイルは正しく接続されていますか？ CSSで参照される画像はhtmlファイルまたはCSSに関連していますか？これらの質問に答える最善の方法は、Firefoxのソースを開いて、jsとcssファイルへのリンクに従ってください...