Карты Google и вкладки jQuery и Размер показывают - PullRequest
Новая
       22

Карты Google и вкладки jQuery и Размер показывают

0 голосов
/ 17 января 2012

У меня проблема с картами Google, включенными в простые вкладки jQuery для отображения.

если данные во вкладках содержат много строк, то в простой jQuery есть полоса прокрутки, как автоматически вкладка размера?

Ниже я вставил код:

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

}); * * 1 010

если я вставил приведенный ниже код, простая вкладка автоматического размера jQuery, но карта Google показывает ошибку. 

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

});

Я действительно не знаю, что с этим делать. Это общая проблема с Google Maps или что-то с моими вкладками?

Заранее благодарю за помощь

1 Ответ

0 голосов
/ 18 января 2012

я редактирую и подозреваю 

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