Bootstrap 4打破了我的jQuery fadeOut / fadeIn函数?

如梦如幻

我正在尝试使用Bootstrap进行测试,并且当我从CDN导入脚本时,它破坏了我的jQuery功能,该功能逐渐淡出了网站上的某些内容。实际上,它仍然会执行FadeIn,但不会执行FadeOut(发生在fadeIn之前,请参见下文)。

无论如何,这是我使用的代码:

$(document).ready(function(){
  
  $("#home, #web, #design").click(function(){
    $("#main").finish().fadeOut("slow");
    $("#main").fadeIn("slow");
  });
});

这是我添加的CDN:

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>

我以前也有这个jQuery脚本,我意识到我也把它放在脑海:

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

可能为什么会有冲突,但是不确定如何解决。

谢谢。

Aw Snap

如果您查看jQuery下载页面,则可以阅读以下内容:

您还可以使用苗条的构建,它不包括ajax和effects模块:

jQuery的苗条版本不包含这些功能。您必须使用最低版本

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery停止fadeOut / fadeIn循环

来自分类Dev

jQuery fadeIn和fadeOut与IE8不兼容

来自分类Dev

jQuery fadeOut和SlideUp,然后fadeIn和SlideDown

来自分类Dev

jQuery FadeIn和FadeOut后台命令

来自分类Dev

Javascript fadeIn fadeOut不断淡入(没有JQuery!)

来自分类Dev

jQuery fadeOut和fadeIn背景图片

来自分类Dev

Fadein和Fadeout停止jquery函数正常工作

来自分类Dev

带有bootstrap(CSS)的fadeIn / FadeOut重叠div

来自分类Dev

jQuery FadeIn / fadeOut无法正常运行

来自分类Dev

不含JQuery的香草Javascript .fadein().fadeOut()

来自分类Dev

Bootstrap过渡为fadeIn()和fadeOut()

来自分类Dev

jQuery hide()和fadeOut(),show()和fadeIn()之间的区别

来自分类Dev

jQuery FadeOut Complete有错误:fadeOut(...)。complete不是函数

来自分类Dev

jQuery触发菜单上的fadeIn和fadeOut

来自分类Dev

与CSS中的过渡同时使用jQuery中的fadeIn和fadeOut

来自分类Dev

jQuery fadeIn和fadeOut将img放在顶部

来自分类Dev

使fadeIn和fadeOut效果在jquery中顺利工作

来自分类Dev

jQuery停止fadeOut / fadeIn循环

来自分类Dev

jQuery fadeIn和fadeOut与IE8不兼容

来自分类Dev

两个浏览器的fadeIn fadeOut jQuery

来自分类Dev

fadeIn,fadeOut的语法

来自分类Dev

fadeIn()和fadeOut()innerhtml

来自分类Dev

jQuery fadeIn()和fadeOUt()毫不延迟

来自分类Dev

jQuery Fadein / Fadeout后保持<a>文本

来自分类Dev

带有bootstrap(CSS)的fadeIn / FadeOut重叠div

来自分类Dev

jQuery图像src fadeOut fadeIn效果

来自分类Dev

如何从<div>元素触发jQuery fadeIn()fadeOut()

来自分类Dev

jQuery fadeIn / fadeOut而不是fadeToggle

来自分类Dev

jQuery的FadeOut,Load和FadeIn

Related 相关文章

热门标签

归档