简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - 使用jQuery的.show()方法时有点问题
PHP中文网
PHP中文网 2017-04-11 09:00:27
0
6
585
$(XXX).click(function(){
    $(YYY).show(300);
});

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

PHP中文网
PHP中文网

认证高级PHP讲师

全員に返信(6)
Peter_Zhu
Peter_Zhu2017-04-11 09:02:27 6棟

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

https://jsfiddle.net/h29f3g26/

いいねを押す +0
返信を追加
左手右手慢动作
左手右手慢动作2017-04-11 09:02:27 5棟

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

いいねを押す +0
返信を追加
Peter_Zhu
Peter_Zhu2017-04-11 09:02:27 4棟

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

いいねを押す +0
返信を追加
Peter_Zhu
Peter_Zhu2017-04-11 09:02:27 3棟

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

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

いいねを押す +0
返信を追加
左手右手慢动作
左手右手慢动作2017-04-11 09:02:27 2棟

不明白你要干啥。。

<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>
いいねを押す +0
返信を追加
大家讲道理
大家讲道理2017-04-11 09:02:27 1棟

有个.stop()方法

いいねを押す +0
返信を追加
人気のトピック
詳細>
人気の記事
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！