JQuery fadeout fading out слишком быстро

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

FIDDLE

Answer 2

Удалите кавычки вокруг времени FADEOUT. только цитаты вокруг FADEOUT, если вы используете такие вещи, как медленный быстрый

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

против

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

Fiddle with both examples