在我的元素中,我实现了一个适用于 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');
});
关于javascript - onFinish 执行时加载 jQuery 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33569083/