谷歌地图和 jQuery 选项卡和大小显示答案

【问题标题】：Google Maps and jQuery Tabs and Size show谷歌地图和 jQuery 选项卡和大小显示
【发布时间】：2012-01-18 14:18:53
【问题描述】：

我对包含在要显示的简单 jQuery 选项卡中的 Google 地图有疑问。

如果标签中的数据有很多行显示简单的jQuery有scollbar，如何自动调整标签大小？

下面我粘贴了代码：

jQuery：

$(document).ready(function() {

//Default Action
$(".tab_content").css({'visibility':'hidden'  , 'position':'absolute'});
$("ul.tabs li:first").addClass("active").show(); 
$(".tab_content:first").css({'visibility':'visible' , 'position':'static'}); 

//On Click Event
$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active"); 
    $(".tab_content").css({'visibility':'hidden' , 'position':'absolute'}); 
    var activeTab = $(this).find("a").attr("href"); 
    $(activeTab).css({'visibility':'visible'  , 'position':'static'});
    return false;
});

});

如果我粘贴下面的代码，简单的 jQuery 自动大小选项卡但谷歌地图显示错误。

$(document).ready(function() {

//Default Action
$(".tab_content").hide();
$("ul.tabs li:first").addClass("active").show(); 
$(".tab_content:first").show(); 

//On Click Event
$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active"); 
    $(".tab_content").hide(); 
    var activeTab = $(this).find("a").attr("href"); 
    $(activeTab).fadeIn();
    return false;
});

});

我真的不知道该怎么办。这是谷歌地图的普遍问题还是我的标签有问题？

提前感谢您的帮助

【问题讨论】：

标签： jquery google-maps jquery-tabs

【解决方案1】：

我正在编辑和怀疑

$(document).ready(function() {
    //Default Action
    
    $(".tab_content").hide();
    $("ul.tabs li:first").addClass("active").show();
    $(".tab_content:first").show(); 

    //On Click Event
    $("ul.tabs li").click(function() {
        $("ul.tabs li").removeClass("active");
        $(this).addClass("active");
        $(".tab_content").hide();
        var activeTab = $(this).find("a").attr("href");
        $(activeTab).fadeIn();
        if(activeTab == '#tab2') {
            $(window).resize(function(){
            //$("#tab2").css({'display':'block'});
            //$("#map_canvas").css({'width':'630px', 'height':'400px'});
            //initialize();
            //alert('Changed!');
            });
            }
        return false;
    });
});

【讨论】：