JQuery 淡出淡出太快

Question

我试图让段落标签在 10 秒内淡出，但它淡出的速度比预期的 10 秒快得多。

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<p>
    If you click on this paragraph you'll see it just fade away.
</p>
<script type="text/javascript">
    $("p").click(function () {
        $("p").fadeOut("10000");
    });
</script>

Answer 1

删除引号以使其使用毫秒，否则它将只使用默认值，因为"10000"是一个字符串而不是时间值，它不是像"slow"或"fast"这样的接受字符串。

$("p").click(function () {
    $("p").fadeOut(10000);
});

另外，我喜欢引用范围内的内容，例如this：

$("p").on('click', function () {
    $(this).fadeOut(10000);
});

小提琴

Answer 2

删除淡出时间周围的引号。 仅在使用慢快之类的东西时才引用淡出

$("p").click(function () {
    $("p").fadeOut(10000);
});

与

$("p").click(function () {
    $("p").fadeOut("slow");
});

摆弄这两个例子