Divi Tab模块内的Google地图

Question

我正在尝试在Divi wordpress主题附带的Tab模块中加载其他地图。

这是页面http://dev.klmsoccer.com/practice-schedules/ 如果您打开第二个选项卡 - 地图将不会加载到那里。

所以我们的目标是在点击事件上重新初始化或调整地图大小。 问题是我尝试了不同的选择器和代码示例，但没有任何作用。

我尝试过的最新代码是：

 ( function( $ ) {
    $( document ).ready( function(){

        $('.et_pb_tabs_controls > li.et_pb_tab_1').on('click', function () {

            var timeoutID = window.setTimeout( function(){
                    initialize();
            }, 600 );
        });
    });
})( jQuery );

PS。我知道这已经讨论了几次，但对Divi来说似乎没有用。我在js中有点菜鸟，很抱歉，如果这是一个愚蠢的错误选择器。

Answer 1

在您的网页中

，您没有正确关闭</script>代码。相同的代码块在>标记中缺少</script>，它必须破坏您的代码。请看下面的图片。

修改

然后在这个之后，你在调用函数google.maps.event.trigger(map, 'resize');时又犯了同样的错误，你必须修复这些错误，以确保你正在使用的库之间确实存在一些冲突。 googlemaps

见下面的另一张图片

修复后的地图