jquery - 使div仅可点击一次

我有一个功能，当单击div时，将进行动画处理。
并且我希望用户只能单击一次，以免每次单击都不会加载该动画。可能是div可单击一次，或者在函数中是否可点击，但是我的代码不是那么好:)

这是代码

$(function() {
    $('#valerie').click(function() {

        $('.logo').animate({
            'left': 3 + '%'
        }, 900);
        $('#title2').animate({
            'font-size': 40 + 'px',
            'top': 42 + '%'
        }, 900);
        $('body').css({
            'overflow': "auto"
        }, 20);
    });
});

最佳答案

使用jQuery .one()。

$('#valerie').one('click', function() {
    $('.logo').animate({'left':  3    + '%'},900);
    $('#title2').animate({'font-size': 40 + 'px','top': 42 + '%'},900);
    $('body').css({'overflow': "auto" },20);
});

关于jquery - 使div仅可点击一次，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35453067/