jquery - 淡入淡出，jquery

Question

帮我解决这个问题，我想在单击淡出时制作它，并在 3 秒后淡入淡出时制作它。

    <script type="text/javascript">
$(".controls_next2").click(linkBind);
function linkBind(){
    var $this = $(this);
        $this.addClass('disabled');
        $this.unbind('click');
        setTimeout(function() {
            $this.removeClass('disabled');
            $this.bind('click', linkBind);
        }, 3000);
}

$(document).on('click', '.disabled', function (e) {
    e.preventDefault();
});
</script>

Answer 1

您可以使用jQuery 的fadeOut和fadeIn函数。您可以为该fadeOut函数提供回调，然后使用setTimeout等待 3 秒，然后调用fadeIn.

function linkBind() {
    var $this = $(this);
    $this.addClass('disabled');
    $this.off('click');

    $this.fadeOut(function () {
        setTimeout(function () {
            $this.removeClass('disabled');
            $this.on('click', linkBind);
            $this.fadeIn();
        }, 3000)
    });
}

工作演示