[提问]请问怎么解决两个JS冲突呢

[sun27034]

我想在原有的网站上增加点击图片弹出大图的效果，原来的网页就有JS，增加了代码之后，要么原来的JS（滚动的文字）失效 要么点击图片弹出大图失效。。

这是原来网站上的JS

这是后面添加的点击图片弹出大图效果的JS
请问应该怎么解决呢

[文盲老顾]

目测这两个js没有冲突，你最好是打开控制台，看看有没有js报错

[sun27034]

引用 1 楼 superwfei 的回复:

目测这两个js没有冲突，你最好是打开控制台，看看有没有js报错

大哥。。我另外弄了一个测试页。只放了一个点击图片弹出大图的效果的代码。 是可以正常显示的。。

[文盲老顾]

那你不如把完整代码弄个测试页挂外网呢 js 未能执行预期内容，绝大部分是因为js报错，造成后续代码终止运行，所以看控制台是很重要的js调试手段

[sun27034]

引用 2 楼 sun27034 的回复:

[quote=引用 1 楼 superwfei 的回复:] 目测这两个js没有冲突，你最好是打开控制台，看看有没有js报错

大哥。。我另外弄了一个测试页。只放了一个点击图片弹出大图的效果的代码。 是可以正常显示的。。 [/quote] http://www.518oil.com/xinhun/ 就是片头的写字插件和图片预览插件冲突了。。 您能不能帮忙看下

[文盲老顾]

unreachable code after return statement[详细了解] jquery.min.js:19:13091
TypeError: $(...).scrollspy is not a function[详细了解] main.js:31:5
TypeError: $(...).typed is not a function[详细了解] xinhun:528:4


由于你的 main.js 31 行的

    $('body').scrollspy({ 
      target: '.navmenu',
      offset: 80,
    });

报错了，所以后边的js就异常了

[sun27034]

引用 5 楼 superwfei 的回复:

unreachable code after return statement[详细了解] jquery.min.js:19:13091 TypeError: $(...).scrollspy is not a function[详细了解] main.js:31:5 TypeError: $(...).typed is not a function[详细了解] xinhun:528:4 由于你的 main.js 31 行的

    $('body').scrollspy({ 
      target: '.navmenu',
      offset: 80,
    });

报错了，所以后边的js就异常了

那我应该怎么修改呢 大哥

[天际的海浪]

jquery库文件只在一开始加载一次就可以， 第二个代码的jquery库文件不用加载了，你加载了反到会影响第一个代码

[文盲老顾]

bootstrap.js:14 Uncaught Error: Bootstrap's JavaScript requires jQuery version 1.9.1 or higher(anonymous function) @ bootstrap.js:14(anonymous function) @ bootstrap.js:16
jasny-bootstrap.min.js:6 Uncaught TypeError: a(...).on is not a function(anonymous function) @ jasny-bootstrap.min.js:6(anonymous function) @ jasny-bootstrap.min.js:6
main.js:31 Uncaught TypeError: $(...).scrollspy is not a function(anonymous function) @ main.js:31main @ main.js:66(anonymous function) @ main.js:70
(index):442 GET http://www.518oil.com/xinhun/img/bg2.jpg 404 (Not Found)

灵活使用控制台才是调试的关键

[sun27034]

引用 7 楼 jslang 的回复:

jquery库文件只在一开始加载一次就可以， 第二个代码的jquery库文件不用加载了，你加载了反到会影响第一个代码

那删掉一个。就影响别的JS使用了吧

[sun27034]

引用 8 楼 superwfei 的回复:

bootstrap.js:14 Uncaught Error: Bootstrap's JavaScript requires jQuery version 1.9.1 or higher(anonymous function) @ bootstrap.js:14(anonymous function) @ bootstrap.js:16
jasny-bootstrap.min.js:6 Uncaught TypeError: a(...).on is not a function(anonymous function) @ jasny-bootstrap.min.js:6(anonymous function) @ jasny-bootstrap.min.js:6
main.js:31 Uncaught TypeError: $(...).scrollspy is not a function(anonymous function) @ main.js:31main @ main.js:66(anonymous function) @ main.js:70
(index):442 GET http://www.518oil.com/xinhun/img/bg2.jpg 404 (Not Found)

灵活使用控制台才是调试的关键

该怎么解决啊 大哥

[天际的海浪]

引用 9 楼 sun27034 的回复:

[quote=引用 7 楼 jslang 的回复:] jquery库文件只在一开始加载一次就可以， 第二个代码的jquery库文件不用加载了，你加载了反到会影响第一个代码

那删掉一个。就影响别的JS使用了吧[/quote] 不会。jquery库文件加载一次就可以了

[sun27034]

引用 11 楼 jslang 的回复:

[quote=引用 9 楼 sun27034 的回复:] [quote=引用 7 楼 jslang 的回复:] jquery库文件只在一开始加载一次就可以， 第二个代码的jquery库文件不用加载了，你加载了反到会影响第一个代码

那删掉一个。就影响别的JS使用了吧[/quote] 不会。jquery库文件加载一次就可以了 [/quote] 大哥 你有QQ吗。我删掉了还是有些JS不能用。。