javascript - 如何使用 jQuery 来显示和淡出元素？

Question

我正在尝试创建一个简单的按钮，单击时会显示一个数字。 5 秒后数字淡出并消失。

我在使用 jQuery 时遇到了问题。

请参阅JSFiddle

代码在这里:

$(".vote-number").hide();

$("vote-btn").click(function(){
    $(".vote-number").show();
}, function(){
    $(".vote-number").hide();
}).click(function() {
    $(".vote-number").show().fadeOut(5000);
});

Answer 1

打字错误

应该是

$(".vote-btn").click(function(){ // you missed [dot]

使用setTimeout()方法淡入div。写:

$(".vote-number").hide();
$(".vote-btn").click(function () {
    $(".vote-number").show();
    setTimeout(function () {
        $(".vote-number").fadeOut();
    }, 5000);
});

Updated fiddle here.