javascript - 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");
});

摆弄这两个例子