2011-08-07 31 views
0

私はjqueryを初めて使用しています。このことを理解しようと半日を過ごしたが、まだどこにもいない。ファンシーボックスを動作させることができません

別のjqueryスクリプトが実行されていて、正しく動作しています。私はfancyfoxを追加しようとしただけで動作しません。私は自分のページを作成して、それを稼働させることができるかどうか、そのような運がないかどうかを確認しようとしました。私は間違って何をしているのか分かりません。私は以下のページコードを貼り付けました。どんな援助も非常に高く評価されます。私もdreamweaverを使用して、他のjqueryの.jsファイルが添付されていることに気付きました。どのように私はそれらを添付したのか分かりませんが、fancyboxの.jsファイルは表示されません。これらの行のすべての

1の最初の

<!-- The JavaScript --> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>  
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 

    <script type="text/javascript" src="jquery.easing.1.3.js"></script> 
    <script type="text/javascript" src="/fancybox/jquery.easing-1.4.pack.js"></script> 
    <script type="text/javascript" src="/fancybox/jquery.mousewheel-3.0.4.pack.js"></script> 
    <script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script> 
    <link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" /> 
    <script type="text/javascript"> 
     $(function() { 
      $('ul.nav a').bind('click',function(event){ 
       var $anchor = $(this); 
       /* 
       if you want to use one of the easing effects: 
       $('html, body').stop().animate({ 
        scrollLeft: $($anchor.attr('href')).offset().left 
       }, 1500,'easeInOutExpo'); 
       */ 
       $('html, body').stop().animate({ 
        scrollLeft: $($anchor.attr('href')).offset().left 
       }, 1000); 
       event.preventDefault(); 
      }); 
      $(".fancyimg").fancybox(); 
     }); 
    </script> 
</body> 

+0

スクリプトのインクルードから始めることができます。これらのファイルが確実にロードされていますか? JavaScriptエラーが出ていますか? 使用しているセレクタは ".fancyimg"で、これは.fancyimgクラスを使用してahref要素を探していることを示します。あなたはその要素を持っていますか? –

答えて

0

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

不要であり、私はラインにそれらがjQueryのlibが含まれているため、あなたがsecend 1を削除することを提案 が、第1のものは最後のバージョンを含み、第2のものはバージョン1.4を含む。

その後、今

それはそれを未定義またはnull fancyboxボックスが含まれていないというサインをユーザーに警告た場合、「fancyboxは」このコード

alert($(".fancyimg").fancybox); 

書き込みを読み込まれているかどうかを確認するために、このテストをしてみてください。 それは良いコード行を警告する場合。 この問題は、おそらくhtml CSSに含まれていないか、fancyboxを正しく定義できません。

関連する問題