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

FIDDLE

Answer 2

删除淡出时间周围的引号。如果你使用慢速

这样的东西，只引用fadeout

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

VS

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

Fiddle with both examples

JQuery fadeout消失得太快了

2 个答案: