使用jQuery的.show()方法时有点问题

$(XXX).click(function(){
    $(YYY).show(300);
});

点击后本应该以jQuery默认的swing动画弹出，但是第一次打开延时300ms后直接显示，从第二次开始才有效果，请问是什么问题呢？

jquery css javascript

阅读 5.5k

6 个回答

✓ 已被采纳

测试了没发现你说的情况啊，是不是最初的样式有问题？

https://jsfiddle.net/h29f3g26/

少杰

121

发布于
2016-11-18

你需要在第一次调用show(300)之前,在初始化的时候先调用一次hide(0)

stardew

是不是YYY第一次加载需要时间呢

谢邀。
代码太少，看不出啥。

你这代码的意思是xxx点击的时候yyy以300毫秒的速度慢慢的显现出来，会逐渐地改变其高度、宽度、外边距、内边距和透明度。

已注销

3.6k83856

发布于
2016-11-16

不明白你要干啥。。

<body>
    <div class="yyy"></div>
    <div class="xxx"></div>
    <style type="text/css">
    .xxx {
        width: 100px;
        height: 40px;
        background-color: #1abc9c;
        cursor: pointer;
    }

    .yyy {
        width: 200px;
        height: 200px;
        background-color: #f55;
        display: none;
    }

    </style>
    <script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script type="text/javascript">
    $('.xxx').click(function(){
        $('.yyy').show(300);
    })
    </script>
</body>

cookygg

发布于
2016-11-16

有个.stop()方法

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

使用jQuery的.show()方法时有点问题

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

纯css如何绘制一个无背景色有边框色，带有文字的倒等腰梯形？

css布局怎么保证右边一直在可视范围内？

为什么会出现CORS error？