JQuery fadeout消失得太快了

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”是字符串而不是时间值，并且它不是可接受的字符串，如“慢”或“快”。

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

另外，我喜欢像范围内引用的东西this ：

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

小提琴

Answer 2

删除淡出时间周围的引号。 如果你使用慢速快速的东西，只引用fadeout

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

VS

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

摆弄两个例子