0

これに対する解決策を高低で検索しましたが、わかりません。私はJavaScript初心者なので、無知であることをあらかじめお詫び申し上げます。あなたが与えることができるどんな助けにも本当に感謝します.

とにかく、1 つのページで 2 つの jquery プラグインを実行しています。1 つは Isotope で、もう 1 つは Fancybox です。画像がクリックされて Fancybox がアクティブになると、画像は画面に合わせて自動サイズ変更されません。プラグインに関する他のすべては正常に動作します。

これらの .js スクリプトがリンクされています。

https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js
/js/jquery.isotope.js
/js/jquery.fancybox.js
/js/jquery.mousewheel-3.0.6.pack.js
/js/jquery.fancybox-buttons.js

そして、ドキュメントでそれに続くこのスクリプト：

$(function(){

  var $container = $('#container');

  $container.isotope({
    itemSelector: '.project'
  });

});

$(".fancybox")
.attr('rel', 'gallery')
.fancybox({
    padding : 0 ,
    minWidth : 215 ,
    maxWidth : 900 ,
    autoSize : true ,
});

no.conflict などのさまざまな方法を試しましたが、間違っているか、機能しません。これらのスクリプトを分離する方法について誰かがアドバイスできる場合は、非常に感謝しています。

前もって感謝します。

4

1 に答える 1

0

わかりました、私は修正を見つけました。ちょっと変だけど…どうでもいい。

ドキュメント内スクリプトを 2 つの個別のスクリプトに分割し、リンクされた .js ファイルを各スクリプトの上に移動しました。次に、それぞれの jquery ライブラリに個別の呼び出しを追加しました。そのため、jquery への呼び出しが 2 つになりました。次のようになります。

https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js
/js/jquery.fancybox.js
/js/jquery.mousewheel-3.0.6.pack.js
/js/jquery.fancybox-buttons.js

$(".fancybox")
     .attr('rel', 'gallery')
     .fancybox({
        padding : 0 ,
        minWidth : 215 ,
        maxWidth : 900 ,
        autoSize : true ,
     });

https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js
/js/jquery.isotope.js

$(function(){
   var $container = $('#container');
      $container.isotope({
      itemSelector: '.project'
  });    
});

理想的ではないと思いますが、機能するのであまり気にしません。助けてくれたティム・B・ジェームスに感謝します。

于 2013-02-03T09:00:36.160 に答える