javascript - onFinish 执行时加载 jQuery 事件

Question

在我的元素中，我实现了一个适用于 jQuery 的代码。

代码如下:

<script>
            $("#startProgressTimer").click(function() {
                $("#progressTimer").progressTimer({
                    timeLimit: $("#restTime").val(),
                    onFinish: function(){
                    $('#startProgressTimer').fadeOut(2000);
                    $('#progressTimer').fadeOut(2000);

                    $('#testId').show();// NOT WORKING

                   }
                });
            });
</script>

我有一个验证码，应该在执行 onFinish 事件时加载。 $('#startProgressTimer').fadeOut(2000);和 $('#progressTimer').fadeOut(2000);工作正常。但是$('#testId').show();不管用。这是“testId”div 元素。 <div id="testId" style="visibility:hidden"><?php include'cap_index.php'; ?></div> .当前两个元素正确淡出但它不起作用后立即执行 onFinish 事件时，此元素应该起作用。验证码不会出现。请帮忙。

Answer 1

Jquery show 无法处理被 visibility: hidden; 隐藏的元素，您可以按如下方式显示它:

$("#testId").css('visibility', 'visible');

现在，如果您不想在隐藏其他两个元素后显示 #testId，请为 fadeOut 调用使用回调函数:

$('#startProgressTimer, #progressTimer').fadeOut(2000, function() {
    $("#testId").css('visibility', 'visible');
});