Question

在http://wanders.com/dealers/我们正在使用WordPress插件＆＃39;简单定位器＆＃39;。我们添加了一个用于选择国家和过滤帖子的下拉列表。过滤器正在运行，但必须隐藏下拉列表，直到地图可见。

如何使用Jquery以正确的方式执行此操作？

此时我们使用此（缩小）：

$(".wpsl-map").is(":visible")?$(".country").show("slow"):$(".country").hide("slow");

div .country正在隐藏，但是在地图加载时没有显示。

提前致谢！

Answer 1

在加载地图时，包含旋转加载程序gif的div具有以下css类：

<div class="wpsl-results" style="display: block;"></div>

加载地图后，我相信.loading类将被删除，因此：

        private void Form1_FormClosing(object sender, FormClosingEventArgs e)
    { 
        Properties.Settings.Default.PostProcessSubs = checkBox_PPSubs.Checked;
        Properties.Settings.Default.Save();
    }

所以在你的jQuery中，为.wpsl-results.loading类添加一个事件监听器。

Answer 2

如果不了解地图的加载方式，我会说你需要先隐藏你的.country，然后在地图加载时显示它。由于您不知道地图显示需要多长时间，因此只需设置一个计时器并定期检查地图的可见性，并在地图可见时显示您的.country。

最初在样式表中隐藏您的.country

//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);

定期检查地图的可见性

if

当其他div显示时显示div：block？不工作？

2 个答案: