Google 地图和 jQuery 选项卡和大小显示

发布于 2024-12-27 12:46:37 字数 1331 浏览 1 评论 0原文

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

如果选项卡中的数据有很多行显示简单的 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;
});

});

如果我粘贴下面的代码,简单的 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;
});

});

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

感谢您提前的帮助

I have problem with Google maps included in simple jQuery Tabs to show.

if data in tabs have many line show simple jQuery have scollbar , how auto size tab ?

Below I pasted the code:

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

});

if I pasted the below code , simple jQuery auto size tab but google map show a mistake.

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

});

I really don't know what to do to. Is that a general problem with google maps or there is something with my tabs?

Thank you for your help in advance

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

欲拥i 2025-01-03 12:46:37

我正在编辑并苏斯

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

I'm editing and 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;
    });
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文