javascript - 带有 jQ​​uery slideToggle 回调的 google map api

Question

其实我也问过同样的问题

I put Google Map inside a div, and made a slideToggle onto the div. the Google Map doesn't display correctly. Google map API doesn't display correctly jQuery slideToggle

但我觉得这个问题更接近答案，我把所有的都放在slideToggle回调中；

$this.next('.hide').slideToggle(function initialize(){

}

请查看 jsfiddle 上的代码

如果你打开所有3张 map ，然后稍微拖动 map 并“点击”让它滑下来，你会看到另外两张 map 也被刷新了。目前的问题是，所有 3 个 map 在向上或向下滑动时一起刷新，而不仅仅是它自己。

如果有人可以帮忙？谢谢

Answer 1

在您的代码中没有对触发 slideToggle 函数的元素的任何引用，因此每次运行该函数时它都被迫执行相同的操作。

这应该有效:http://jsfiddle.net/aA9Vq/1/

我所做的主要更改是根据 slideToggle 函数的上下文 (this) 更改 map ID。