jQuery 事件加载在 onFinish 执行 - jQuery event load at onFinish execution

jQuery event load at onFinish execution

在我的项目中，我实现了一段适用于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 事件时，此元素应该起作用。验证码不显示。请帮忙。

Jquery show不适用于visibility: hidden;隐藏的元素，您可以按如下方式显示它：

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

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

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