Jquery 当其他div具有display:block时显示div?不工作?
目前,我们正在使用WordPress插件“简单定位器”。 我们添加了一个下拉列表,用于选择国家和筛选帖子。 过滤器正在工作,但下拉列表必须隐藏,直到贴图可见 如何使用Jquery以正确的方式实现这一点 在这一点上,我们使用缩小的:Jquery 当其他div具有display:block时显示div?不工作?,jquery,show-hide,Jquery,Show Hide,目前,我们正在使用WordPress插件“简单定位器”。 我们添加了一个下拉列表,用于选择国家和筛选帖子。 过滤器正在工作,但下拉列表必须隐藏,直到贴图可见 如何使用Jquery以正确的方式实现这一点 在这一点上,我们使用缩小的: $(".wpsl-map").is(":visible")?$(".country").show("slow"):$(".country").hide("slow"); div.country正在隐藏,但在地图加载时未显示 提前谢谢 加载地图时,包含旋转加载程序gi
$(".wpsl-map").is(":visible")?$(".country").show("slow"):$(".country").hide("slow");
div.country正在隐藏,但在地图加载时未显示
提前谢谢 加载地图时,包含旋转加载程序gif的div具有以下css类:
<div class="wpsl-results loading" style="display: block;"></div>
地图加载后,我相信.loading类将被删除,因此:
<div class="wpsl-results" style="display: block;"></div>
因此,在jQuery中,为.wpsl-results.loading类添加一个事件侦听器。在不了解地图加载方式的情况下,我认为您需要先隐藏您的国家,然后在地图加载后显示它。由于您不知道地图显示需要多长时间,只需设置一个计时器,定期检查地图的可见性,并在地图可见时显示您的国家 最初在样式表中隐藏您的.country
您是否尝试返回css属性$.wpsl-map.cssdisplay===block。。。我现在有了这个,但它一直在显示:$'.wpsl结果:not.loading'?$.country.showslow:$.country.hideslow;
<style>
.country {display: none;}
</style>
//start timer to periodically check if map has loaded
var timeoutId = setTimeout(function() {
if($(".wpsl-map").is(":visible"))
{
//show the country div once the map has loaded
$(".country").show("slow")
//cancel timer
clearTimeout(timeoutId);
}
},500);