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