谷歌地圖和jQuery選項卡和大小顯示

Question

我有簡單的jQuery選項卡中顯示的Google地圖存在問題。

如果tab中的數據有很多行顯示簡單jQuery有scollbar，如何自動調整大小tab？

下面我粘貼的代碼：

的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; 
}); 

}); 

我真的不知道該怎麼做。這是谷歌地圖的一般問題還是有我的標籤？

感謝您的幫助提前

Answer 1

我編輯和susses

$(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; 
   }); 
});