javascript - 同一个页面引用了2个jquery怎么只让后面引用的生效

问题描述

问 题

我使用的是.NET mvc+webapi进行的网站开发， 其中用到了一个图片轮播的jquery插件，自然需要引用jquery 。
我的页面都是基于母版页_Layout来的，在_Layout页面中已经引用了jquery-1.10.2.min。
但是图片轮播插件只能用插件自带的那个jquery才有效果。

于是我在当前页面引入了插件的 jquery， 但是始终没作用，使用的还是 jquery-1.10.2.min

同一个页面引用了2个jquery怎么只让后面引用的生效

解决方案

js本就会后引用的覆盖之前引用的(当然不排除某个文件很大，导致真正解析靠后)。

只是你的引用顺序还是有些问题，比如下面三个文件表示你引用的文件：
jquery-A.js,jquery-B.js,slider.js

你的加载顺序是：
jquery-A.js,slider.js,jquery-B.js

正确的顺序是：
jquery-A.js,jquery-B.js,slider.js

你的顺序由于slider.js使用的是jquery-A.js中的方法，你后面加载的jquery-B.js虽然会改写jquery相关的方法，但是不会更改slider.js的，因为它已经存在内存中了。

不过呢，你这样使用不同版本的jquery可能会引起问题，这里只是说的可能。
加入某个插件又必须使用jquery-A.js，不能使用jquery-B.js呢？

不能因为一个插件必须依赖某个版本的核心库文件，就随意替换，应该先考虑的是替换slider.js这个插件。

这篇关于javascript - 同一个页面引用了2个jquery怎么只让后面引用的生效的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！