Question

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

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

我当然知道存在冲突。当我删除可扩展DIV的就绪功能时，地图将正确显示。但不是那里的电话......

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

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/

演示

谷歌地图v3 API + jQuery冲突？

1 个答案: