0

私は友人のポートフォリオ用のサイトを作成しました。ナビゲーションを制御するために使用される JavaScript があり、作業セクションで使用される jQuery があり、2 つの div を交換して別々のカテゴリを表示します。次に、彼が持っている作業を表示する Lightbox v2 ビューアーがあります。終わり。

ただし、以前にライトボックスを使用したことがありますが、この Web サイトでは機能していないようです。ページの読み込み時に他の JavaScript と jQuery の読み込みが競合する可能性がありますか?

誰かがウェブサイトを見て、彼らの考えを私に知らせてくれたら、私はとても感謝しています.

私の頭には、ライトボックス（およびその他のスクリプト）用にこれがあります

 <link href="style.css" rel="stylesheet" type="text/css" />
 <script  type="text/javascript" src="../js/prototype.js"></script>
 <script  type="text/javascript" src="../js/scriptaculous.js?load=effects,builder"></script>
 <script  type="text/javascript" src="../js/lightbox.js"></script>
 <link rel="stylesheet" href="../css/lightbox.css"  type="text/css" media="screen" />
 <script type="text/javascript" src="floating-1.5.js"></script>
 <script type="text/javascript">  
 floatingMenu.add('floatdiv',  
    {   targetTop: 0,  
        // targetBottom: 0,    
        prohibitXMovement: true,});  
 </script> 
 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
 <script type="text/javascript">
 function showonlyone(thechosenone) {
 $('div[name|="newboxes"]').each(function(index) {
      if ($(this).attr("id") == thechosenone) {
           $(this).show(200);
      }
      else {
           $(this).hide(600);
      }
 });
 }
 </script>

そして、ライトボックスの私の体：

 <div class="work_splash"><a href="images/gallery/graphics/1b.jpg" rel="lightbox[graphics]" title="Graphic Design Gallery"><img src="images/gallery/graphics/1t.jpg" height=156px /></a></div>

URLはhttp://www.jrk-design.co.uk/barwise/index.html

ありがとう

ジョン

4

3 に答える 3

2

head 内の .js 呼び出しの順序を変更するか、Pirobox などの jQuery スクリプトの scriptaculous コードを変更してみてください

于 2011-05-17T16:19:53.217 に答える
0

Prototype と JQuery の両方が を定義します$。ライブラリの 1 つを削除するか、jonty john が提案するように Prototype の前に jquery を含めるか、競合しないモードで jquery を使用します。

于 2011-05-17T16:23:10.207 に答える