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');
});

在onFinish执行时加载jQuery事件

1 个答案: