JQuery插件冲突-合并脚本而不冲突?

JQuery插件冲突-合并脚本而不冲突?,jquery,fancybox,Jquery,Fancybox,我到处寻找这个问题的解决方案,但都找不出来。我是个不懂javascript的人,所以我为自己的无知提前道歉。我真的很感激你能给我的任何帮助 无论如何,我有两个jquery插件在一个页面上运行。一个是同位素,另一个是Fancybox。它们单独工作很好,但一起工作,当单击图像并激活Fancybox时,图像不会自动调整大小以适应屏幕。插件的其他一切都很好 我将这些.js脚本链接到: https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.mi

我到处寻找这个问题的解决方案,但都找不出来。我是个不懂javascript的人,所以我为自己的无知提前道歉。我真的很感激你能给我的任何帮助

无论如何,我有两个jquery插件在一个页面上运行。一个是同位素,另一个是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,但要么我做得不对,要么就是不起作用。如果有人能就如何分离这些脚本提供一些建议,我将不胜感激


提前谢谢。

好的,我找到了一个解决方案。这有点奇怪,但是。。。不管怎样

我已经将in-document脚本分为两个单独的脚本,并将链接的.js文件移到每个脚本上方。然后,我为每一个添加了一个单独的jquery库调用。现在有两个对jquery的调用。看起来是这样的:

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'
  });    
});

我肯定这不太理想,但很有效,所以我不太在乎。感谢Tim B James的帮助。

您有任何javascript错误吗?没有,我使用的是Dreamweaver,它没有出现任何错误,因此我认为语法等都可以。javascript错误将出现在您运行网站时使用的浏览器中。抱歉,感谢您的评论。网站是这样的:没有错误,我看不出任何错误。图像以最大尺寸打开。据我所知,Fancybox并没有拉伸图像,它只显示“自然”大小的图像