javascript - 使用jQuery的.show()方法时有点问题
PHP中文网
PHP中文网 2017-04-11 09:00:27
0
6
598
$(XXX).click(function(){
    $(YYY).show(300);
});

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

PHP中文网
PHP中文网

认证高级PHP讲师

reply all(6)
Peter_Zhu

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

https://jsfiddle.net/h29f3g26/

左手右手慢动作

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

Peter_Zhu

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

Peter_Zhu

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

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

左手右手慢动作

不明白你要干啥。。

<body>
    <p class="yyy"></p>
    <p class="xxx"></p>
    <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>
大家讲道理

有个.stop()方法

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template