我正在一个网站上工作,该网站在使用 Bootstrap 3 构建的网站上使用来自 Tympanus 的 Circular Content Carousel 和 FancyBox。但是我注意到,作为 Bootstrap 一部分的可折叠移动菜单在此页面上不起作用。我意识到 Content Carousel 使用的是 jQuery 1.6.2,而 Bootstrap 使用的是 1.9 或更高版本。当我删除指向 jQuery-1.6.2 的链接时,移动菜单工作但轮播中断,当我删除 jQuery-1.11.1 时,轮播工作但移动菜单损坏。链接这两个结果会导致轮播工作,但移动菜单不起作用。我尝试过使用 jQuery.conflict 脚本无济于事(无论谁构建了该站点,都已经开始实施,但未成功)。
我已经尝试根据此处的堆栈溢出链接将 contentcarousel.js 文件的第 217 行和第 227 行从 .live 更改为 .on并删除旧的 jquery 文件。现在几乎一切正常,除了当您单击 + 号进入灯箱然后退出灯箱时,内容轮播不再工作。我还注意到,在此更改之后,当您将鼠标悬停在下拉菜单上时,它会处于活动的“鼠标悬停”状态。
该站点位于http://smmcnyc.com/work/bnc/history.html,其中 history2.html 是修改后的 contentcarousel.js 文件的版本。
建议?建议?请帮忙!