jQuery removechild/hide html元素，不刷新页面

Question

我正在尝试自定义Joomla Quiz插件，如下所示：

• 一个测验问题在描述中显示一个图像/文本，但它应该在5秒钟后消失
• 我用Javascript找到了一个解决方案，可以在5秒钟后隐藏removechild或定时器函数，而且它工作正常

问题：

这个Joomla测验模块不会根据每个问题刷新页面，因为它与Jquery一起工作，而且我没有来自计时器的初始加载点。计时器可以计算5秒。(当你到达问题时，时间到期并提前消失(

我不能使用页面重新加载，因为整个测试将从第一个问题重新开始。

Jquery或Javascript是否有任何条件或解决方案可以仅检测特定问题的内容负载？(我指的是在开始计数之前要满足的一些div或一些条件规则(

我希望清楚我想要实现的目标：(

提前感谢！

Answer 1

您可以像在javascript中那样通过检查元素的偏移量来检查元素的可见性。从元素可见的那一刻起，只有setTimeout。

Javascript

document.addEventListener("DOMContentLoaded", checkVisibility);
function startCount(){alert('IsVisible')}
function checkVisibility(){
var div = document.getElementById('Element').offsetLeft
if(div >0){
setTimeout(startCount,5000)            
}
}

jQuery

if(  $("#Element").is(":visible") == true )
{  
alert("Div is visible!!");        
}