在这种情况下,为什么要向JQuery添加两个链接

我没有Javascript和JQuery的经验,但我在本文档中使用过两者。

第一个是为IE3过渡提供支持,取自CSS3 Hover Transition 。 使用的代码是

  

seond one用于幻灯片展示,取自幻灯片库 ,代码为

    

可以看出,以前的CSS3 Transitions链接到jquery 1.6.1,而后来的幻灯片库链接到jquery 1.3.2。 我是否必须同时参考这两个文件?

我尝试删除一个链接和另一个链接,但如果删除了其中一个链接,则CSS3hover转换既不起作用也不幻灯片Glaeery工作。 如果我将上面的内容放在我的头部元素中,它们就不起作用了。 它们只能工作如果我在页脚之后和身体元素之前将它们放在底部。

以下是我的头标记。 (适用于幻灯片库)

   document.write('.noscript { display: none; }');  

以下是底部。 (适用于幻灯片库)

   jQuery(document).ready(function($) { // We only want these styles applied when javascript is enabled $('div.navigation').css({'width' : '300px', 'float' : 'left'}); $('div.content').css('display', 'block'); // Initially set opacity on thumbs and add // additional styling for hover effect on thumbs var onMouseOutOpacity = 0.67; $('#thumbs ul.thumbs li').opacityrollover({ mouseOutOpacity: onMouseOutOpacity, mouseOverOpacity: 1.0, fadeSpeed: 'fast', exemptionSelector: '.selected' }); // Initialize Advanced Galleriffic Gallery var gallery = $('#thumbs').galleriffic({ delay: 5500, numThumbs: 15, preloadAhead: 10, enableTopPager: true, enableBottomPager: true, maxPagesToShow: 7, imageContainerSel: '#slideshow', controlsContainerSel: '#controls', captionContainerSel: '#caption', loadingContainerSel: '#loading', renderSSControls: true, renderNavControls: true, playLinkText: 'Play', pauseLinkText: 'Pause', prevLinkText: 'Previous', nextLinkText: 'Next', nextPageLinkText: 'Next ›', prevPageLinkText: '‹ Prev', enableHistory: false, autoStart: true, syncTransitions: true, defaultTransitionDuration: 900, onSlideChange: function(prevIndex, nextIndex) { // 'this' refers to the gallery, which is an extension of $('#thumbs') this.find('ul.thumbs').children() .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end() .eq(nextIndex).fadeTo('fast', 1.0); }, onPageTransitionOut: function(callback) { this.fadeTo('fast', 0.0, callback); }, onPageTransitionIn: function() { this.fadeTo('fast', 1.0); } }); });  

将两个不同版本的jQuery放在同一页面中是复杂且不可取的。 你的第一个目标是完全避免这种情况 – 你宁愿只在页面中使用更新版本的jQuery。

因此,您的第一个业务是对您正在使用的jQuery插件进行一些研究,看看它们是否都可以使用常见版本的jQuery。

如果您确定它们都将使用通用版本的jQuery,那么只需在插件之前在页面中包含jQuery,并在使用它们的代码之前包含插件。 只要在尝试使用它的任何东西之前,jQuery代码就可以进入HEAD部分或BODY部分。 插件代码可能在jQuery代码之后的任何地方,但您必须查阅插件文档以确保。

如果你确定你必须有两个不同版本的jQuery,那么你需要弄清楚你是如何做到这一点的。 以下是关于如何完成的相关问题: 我可以在同一页面上使用多个版本的jQuery吗? 。

当使用两个版本的jQuery时,你最终必须使用jQuery.noConflict() (不是jQuery而不是$ )来定义表示jQuery特定版本的唯一符号,然后使用该插件的所有代码必须使用独特的象征。