当我使用更新版本的jquery时，bootstrap drow down停止工作

Question

我在我的页面上添加了一个较新版本的Jquery来制作图片滑块，但是当我链接jquery文件以使图像滑块工作时，顶部菜单停止工作（下拉菜单和移动菜单停止工作）。 为了使图像滑块依次工作，我必须从引导程序中删除Jquery链接。 Pikachoose是我为图像滑块找到的插件，需要

-1

上班。 我怀疑这两个jquery文件相互冲突。 有没有人知道如何解决这个问题？

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

Answer 1

将顶部的jQuery库替换为底部的jQuery库，这可能会解决问题。

我理解的原因是第一个jQuery库是一个旧版本，这就是为什么它不起作用。

当你删除上层库时代码不起作用的原因是文件

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

包含在文件

之前

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

执行此操作的正确方法是必须将所有jquery文件放在主jquery文件之后，以便首先加载jquery。您所要做的就是替换此代码

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<link rel="stylesheet" type="text/css" href="css/base.css">

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

带

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<link rel="stylesheet" type="text/css" href="css/base.css">

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

并从底部删除jquery文件，它可能会起作用。