谷歌地图v3 API + jQuery冲突？

现在是这个网站的读者。 希望你们/ gals可以帮我解决一个紧急问题。

我正在尝试开发一个商店定位器（使用谷歌地图v3 API），它位于一个可扩展的DIV中。 但是，地图未正确显示（请参阅下面的链接）。 我一般都是jQuery的新手，所以这对我来说有点新鲜。

我当时知道有冲突。 当我删除可扩展DIV的就绪function时，地图将正确显示。 但不是那里的电话……

所有代码都可以在这里找到：

http://t-zonevibration.com/expandable_store_locator/

这是一个jQuery冲突吗？ 如果是这样，我该如何解决？

Answer 1

#map元素必须在页面中可见…

因此，您需要将回调中的初始化代码放入slideToggle 。

 $(document).ready(function() { //Hide (Collapse) the toggle containers on load $(".toggle_container").hide(); //Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state) $("h9.trigger").click(function() { $(this).toggleClass("active").next().slideToggle("slow", function() { if ($(this).is(':visible')) { map = InitMap(null, 'map', centerCoord, true); // initialize the map on default location } }); return false; //Prevent the browser jump to the link anchor }); handle_clicks(); // click events handling by jQuery }); 

演示http://jsfiddle.net/gaby/A5jnV/