Question

我在简单的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;
});

});

我真的不知道该怎么做。这是谷歌地图的一般问题，还是我的标签有什么问题？

提前感谢您的帮助

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

Google地图和jQuery标签和尺寸显示

1 个答案: