javascript – jQuery slideDown()动画无法正常工作

前端之家收集整理的这篇文章主要介绍了javascript – jQuery slideDown()动画无法正常工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图让jQuery的slideDown()动画起作用,但在我的情况下,应该向下滑动的文本,只是出现..如何让动画也出现?

我也尝试手动指定速度,但最终结果是一样的.

HTML

<section class="subscribe">
    <button id="submitBtn" type="submit">Subscribe</button>
    <p></p>
</section>

JavaScript的:

$(function () {
    $("#submitBtn").click(function (event) {
        $(".subscribe p").html("Thanks for your interest!").slideDown({
                        duration: 4000
                    });
    });
});

JSFiddle:http://jsfiddle.net/ahmadka/A2mmP/

解决方法

输入文本并尝试向下滑动时,您的p元素已经显示.所以不需要动画.
$(function () {
  $("#submitBtn").click(function (event) {
    $(".subscribe p").hide().html("Thanks for your interest!").slideDown(4000);
  });
});
原文链接:https://www.f2er.com/jquery/156353.html

猜你在找的jQuery相关文章