jquery中slideDown效果不显示的bug

最新推荐文章于 2023-11-22 16:59:51 发布
最新推荐文章于 2023-11-22 16:59:51 发布
阅读量1k 收藏
点赞数
分类专栏： 前端 文章标签： slideDown
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/John_lv/article/details/103029245
版权

在做一个效果的时候用到了$(‘select’).slideDown和slideUp，在common.css中添加了一个“hidden”类，display:none,然而下滑显示的效果一直出不来，然后检查元素发现，在触发slideDown的时候“hidden”类名一直存在。当去掉hidden类名，换成行内样式style="display:none"的时候下拉效果显示出来了。所以希望遇到这种情况的同志注意不要用类名控制dom隐藏，不然是滑不出来的。

John_lv
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
一个js导致的jquery失效问题的解决方法
10-26
主要介绍了一个js导致的jquery失效问题的解决方法，有需要的朋友可以参考一下
jQuery动画出现连续触发、滞后反复执行的解决方法
10-24
主要介绍了jQuery动画出现连续触发、滞后反复执行的解决方法,实例分析了针对jQuery中slideUp、slideDown、animate等动画运用时出现的滞后反复执行等问题的解决方法,需要的朋友可以参考下
jQuery 第五章（效果，滑动，动画，停止动画）
最新发布
努力的鋜
11-22 100
jQuery的动画效果，滑动动画，设置动画效果，停止动画效果
slideDown和slideUp初始状态设置，使用animate替代
路漫漫的博客
09-23 906
使用jquery的slideDown展开效果时，需要使用slideUp效果关闭，才能使用slideDown效果展示，在处理初始状态时，需要先执行收起操作，会出现界面闪动的问题，造成界面不干净。 slideDown和slideUP的实质是{display:show}和{display:none} 如果使用{display:none}设置初始状态，slideDown的效果并不能展示 所以，经研究使用了animate方法来代替slideDown和slideUP方法 // jS文件 function s
jQueryDOM操作--动画--show()|hide()、slideDown()|slideUp()、fadeIn()|fadeOut()、stop()、animate()
qq_41422946的博客
09-04 527
简介：jQuery动画提供了一组网页中常见的动画效果，这些动画是标准的、有规律的效果；同时还提供了一些自定义动画的功能。 1.显示的方法show()：作用--让匹配的元素展示出来；隐藏的方法hide() ①参数为数值类型，表示执行动画的毫秒数 $(selector).show(2000); ②参数为字符串类型，jQuery的自带预设值（slow--600ms、normal--400ms、...
关于jQuery的slideDown()不起作用问题解决
浪子城
08-23 3472
关于jQuery的各种坑爹属性，这里不做详述，本文只讲述jQuery中的slideDown和slideUp和slideToggle方法不能出现上下滑动的解决办法。 方法作用的原因 这个原因也是我的推断。<img>的src属性指向图片的地址，然后读取解析显示出来。但<img>在显示图片之前并不知道图片本身的宽度和高度属性，所以在调用slideDown()方法时，浏览器并不知...
jQuery:使用slideDown()动画无效果
白的夜的博客
11-29 503
添加样式之后即可实现滑动效果。
jQuery slideDown下滑中出现反弹或者抖动现象
u012864281的博客
05-20 1276
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".btn1").click(function(){ $("div").slideUp(); }); .
jQuery中slidedown与slideup方法用法示例
10-21
主要介绍了jQuery中slidedown与slideup方法用法,结合实例形式分析了jQuery基于slidedown与slideup方法实现页面元素展开与折叠的实现技巧,需要的朋友可以参考下
jQuery中slideUp 和 slideDown 的点击事件
10-24
主要介绍了jQuery中slideUp 和 slideDown 的点击事件的相关资料,需要的朋友可以参考下
jquery使用slideDown实现模块缓慢拉出效果的方法
10-24
主要介绍了jquery使用slideDown实现模块缓慢拉出效果的方法,涉及slideDown方法操作模块展示效果的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
解决JQuery的 slideDown()函数导致ie6的overflow失效的个人解决办法。
qinglinglaoren的专栏
05-02 2786
我在写下拉菜单的时候，用到了slideDown()的下拉效果。 贴出代码比较直观一些。 无标题文档 ul,li { padding:0; margin:0; } ul { list-style:none; } #out { width:300px; height:400px; border:solid 1px #999; overflow:aut
使用 slidedown做划下菜单时的一些问题！！
yl456321的博客
08-31 774
使用 slidedown做划下菜单时，只有第一次或者是刷新页面之后才是划下来，其他都是跟背景一起淡入。请问这是啥情况！！
jquery中slideDown
05-24
slideDown() 是 jQuery 中的一个方法，用于实现元素的展开动画效果。调用此方法可以使元素从上到下逐渐展开，直到完全显示出来。slideDown() 方法可以接收一个参数，表示动画的持续时间，单位为毫秒。如果不指定参数，则默认持续时间为 400 毫秒。示例代码如下： ``` // HTML 代码 <div id="myDiv" style="display:none;">这是一个隐藏的 DIV 元素。</div> // JavaScript 代码 $(document).ready(function(){ $("#myDiv").slideDown(); }); ``` 上述代码中，首先使用 CSS 将 DIV 元素设置为隐藏状态。然后在 JavaScript 中使用 jQuery 的 $() 方法获取该元素，并调用 slideDown() 方法使其展开。由于没有传递参数，因此动画持续时间为默认值 400 毫秒。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值