相关疑难解决方法(0)

Google地图和jQuery标签

我在简单的jQuery选项卡中包含的Google地图存在轻微问题.

下面我贴了代码:

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

});
Run Code Online (Sandbox Code Playgroud)

以下是标签的HTML:

<div class="bluecontainer">
    <ul class="tabs">
        <li><a href="#tab1">Tab1</a></li>
        <li><a href="#tab2">Tab2</a></li>
        <li><a href="#tab3">Tab3</a></li>
        <li><a href="#tab4">Tab4</a></li>
    </ul>
    <div class="tab_container">
        <div id="tab1" class="tab_content">
            <h2>Tab1</h2>
        </div>
        <div id="tab2" class="tab_content">
            <h2>Tab2</h2>
        </div>
        <div id="tab3" class="tab_content">
            <div>
                google Map
            </div>
        </div>
        <div id="tab4" class="tab_content">
            <h2>Tab4</h2>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我真的不知道该怎么做.这是谷歌地图的一般问题,还是我的标签有什么问题?但是他们对其他一切都很好.

提前谢谢你的帮助

jquery google-maps jquery-tabs

6
推荐指数
2
解决办法
2万
查看次数

标签 统计

google-maps ×1

jquery ×1

jquery-tabs ×1