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

sun27034 2017-05-17 02:47:40
我想在原有的网站上增加点击图片弹出大图的效果,原来的网页就有JS,增加了代码之后,要么原来的JS(滚动的文字)失效 要么点击图片弹出大图失效。。

这是原来网站上的JS

这是后面添加的点击图片弹出大图效果的JS
请问应该怎么解决呢
...全文
435 12 打赏 收藏 转发到动态 举报
写回复
用AI写文章
12 条回复
切换为时间正序
请发表友善的回复…
发表回复
sun27034 2017-05-18
  • 打赏
  • 举报
回复
引用 11 楼 jslang 的回复:
[quote=引用 9 楼 sun27034 的回复:] [quote=引用 7 楼 jslang 的回复:] jquery库文件只在一开始加载一次就可以, 第二个代码的jquery库文件不用加载了,你加载了反到会影响第一个代码
那删掉一个。就影响别的JS使用了吧[/quote] 不会。jquery库文件加载一次就可以了 [/quote] 大哥 你有QQ吗。我删掉了还是有些JS不能用。。
天际的海浪 2017-05-18
  • 打赏
  • 举报
回复
引用 9 楼 sun27034 的回复:
[quote=引用 7 楼 jslang 的回复:] jquery库文件只在一开始加载一次就可以, 第二个代码的jquery库文件不用加载了,你加载了反到会影响第一个代码
那删掉一个。就影响别的JS使用了吧[/quote] 不会。jquery库文件加载一次就可以了
sun27034 2017-05-18
  • 打赏
  • 举报
回复
引用 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)
灵活使用控制台才是调试的关键
该怎么解决啊 大哥
sun27034 2017-05-18
  • 打赏
  • 举报
回复
引用 7 楼 jslang 的回复:
jquery库文件只在一开始加载一次就可以, 第二个代码的jquery库文件不用加载了,你加载了反到会影响第一个代码
那删掉一个。就影响别的JS使用了吧
文盲老顾 2017-05-18
  • 打赏
  • 举报
回复

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)
灵活使用控制台才是调试的关键
天际的海浪 2017-05-17
  • 打赏
  • 举报
回复
jquery库文件只在一开始加载一次就可以, 第二个代码的jquery库文件不用加载了,你加载了反到会影响第一个代码
sun27034 2017-05-17
  • 打赏
  • 举报
回复
引用 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就异常了
那我应该怎么修改呢 大哥
文盲老顾 2017-05-17
  • 打赏
  • 举报
回复
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 2017-05-17
  • 打赏
  • 举报
回复
引用 2 楼 sun27034 的回复:
[quote=引用 1 楼 superwfei 的回复:] 目测这两个js没有冲突,你最好是打开控制台,看看有没有js报错
大哥。。我另外弄了一个测试页。只放了一个点击图片弹出大图的效果的代码。 是可以正常显示的。。 [/quote] http://www.518oil.com/xinhun/ 就是片头的写字插件和图片预览插件冲突了。。 您能不能帮忙看下
文盲老顾 2017-05-17
  • 打赏
  • 举报
回复
那你不如把完整代码弄个测试页挂外网呢 js 未能执行预期内容,绝大部分是因为js报错,造成后续代码终止运行,所以看控制台是很重要的js调试手段
sun27034 2017-05-17
  • 打赏
  • 举报
回复
引用 1 楼 superwfei 的回复:
目测这两个js没有冲突,你最好是打开控制台,看看有没有js报错
大哥。。我另外弄了一个测试页。只放了一个点击图片弹出大图的效果的代码。 是可以正常显示的。。
文盲老顾 2017-05-17
  • 打赏
  • 举报
回复
目测这两个js没有冲突,你最好是打开控制台,看看有没有js报错

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧