国迅网,织天下!   柚子:  Shirley-网站建设 (1134360006)      橙子:  Lydia-网站建设(3205922021)     柠檬:  Vivian-网站建设(3224697170)    苹果:  销售三部-网站建设(343969037)

网站新闻

济南网站建设公司中多个jquery发生冲突,以及jquery和其他JS冲突的解决方法

更新时间:2017-12-29 10:21:43点击次数:424次字号:T|T

在济南网站建设的制作中,在处理一些网站中的动态效果的时候,往往要用到jquery的特效,有时候单单的引用一个juqery文件,是不能满足我们的需求的。这时候要引用多个jquery文件,由于版本的不同,不同的jquery也能够实现不同的效果。在引用多个jquery时,会发现,部分效果失效,或者只能出现一种效果,另一种效果不起作用,或者说别的JS也没有的效果,这往往是由于jquery在多个版本之间发生冲突的原因所致,解决办法如下。 

当在代码中引入了两个juqery时,发生了冲突的现象,导航栏中的下拉不显示,并且轮播图片也不进行切换了。我们可以通过重新定义jquery变量的方法,来解决多个juqery发生冲突的错误,此方法也同样适用于juqery与其他JS,发生冲突的错误。

具体代码书写:

<script type="text/javascript" src="js/jquery.min.js"></script>

<script type="text/javascript">

var j = jQuery.noConflict(); //重定义jquery.min.js这个JS
</script>
<script src="js/jquery.min2.js"></script>

以上是引用的两个jquery的JS,在中间加入了一个变量J,这个J是用来重新定义JQUERY的,也就是说,在使用jquery.min.js这个JS的时候,我们可以把所有的$都换成J的符号,在使用jquery.min2.js这个JS的时候,还是照样使用$这个符号。

具体使用方法:

①、使用jquery.min.js的JS写法:

<script type="text/javascript">
j(function(){
    j("ul.sf-menu,ul.sf-navbar").superfish();
    j("ul.sf-vertical").superfish({
            animation:{opacity:'show',height:'show'},
            speed:'fast'
    });
});
</script>

注意:以上都是用的"j"进行的JS使用。

①、使用jquery.min2.js的JS写法:

<script type="text/javascript">
  $(function() {
  $('.flexslider').flexslider({
    animation: "slide"
  });
});
  </script>

注意:以上都是用的"$"进行的JS使用。

通过以上的方法,我们就完美解决了在同一个页面中,使用多个jquery发生冲突,页面特效失效的问题。

在进行济南网站建设的过程中,我们建议大家尽量少的使用的JS的特效,如果一个页面中的JS特效太多的话,会在一定程度上影响网站的打开速度,当然JS多的网页用户体验可能会相对的多一些,这时候我们就尽量的保证JS的引用尽量少一些,能用一个JS实现的效果,就用一个JS去实现,不要为了一个小小的JS效果去加载一个体积很庞大的JS代码库。

(编辑:admin)

新闻中心 | News

More网站知识 | Answers

联系方式 | Contact

地址:济南市历下区轻风路6号
            鲁商盛景广场办公A楼1005

电话:4008-360-670  

            0531-88665598

邮箱:guoxunkeji@163.com

Q Q :343969037   3205922021 

邮编:250014

济南网站建设公司| 济南网站制作公司| 济南软件开发公司| 济南网站建设| 济南网站制作| 软件开发公司| 网站建设| 网站制作| 济南建站公司| 济南建网站公司| 济南建站|

关于国迅 | 主机邮箱 | 联系我们 | 网站套餐

Copyright 2004-2018 版权所有 All rights reserved.  服务热线:0531-88665598
E-MAIL: guoxunkeji@163.com 国家信息产业部备案 鲁ICP备09033629号 鲁公网安备 37010202000220号

济南建网站| 建网站| 建站| 济南网站建设哪家好| 网站建设哪家好| 济南网站优化| 网站优化| 营销型网站| 营销型网站建设| 手机网站建设| 商城网站建设| 商城系统开发| 响应式网站建设| 微信及小程序开发