0

希望有人可以帮助我让它工作。试图与选项卡建立工作连接。链接到选项卡正在工作，但单击按钮时它不会打开选项卡。

顶部导航（需要链接到选项卡并打开单击的选项卡）...

        <nav class="primary">
      <a class="menu-select" href="#">menu</a>
      <ul>
        <li><a href="index.html">1p</a></li>
        <li><a href="#tab1">2</a></li>
        <li><a href="#tab2">3</a></li>
        <li><a href="#tab3">4</a></li>
      </ul>
    </nav>


                <div id="wrapper_tab" class="tab1">
                <a href="#tab1" id="tab1" class="tab1 tab_link">Tab 1</a>
                <a href="#tab2" id="tab2" class="tab2 tab_link">Tab 2</a>
                <a href="#tab3" id="tab3" class="tab3 tab_link">Tab 3</a>

                <div class="tab1 tab_body">
                    Some Text in Here
                </div>
                <div class="tab2 tab_body">
                    Some Text in Here
                </div>
                <div class="tab3 tab_body">
                    Some Text in Here
                </div>
                </div>

// JS

$(function() {
$('#wrapper_tab a').click(function() {
    if ($(this).attr('class') != $('#wrapper_tab').attr('class') ) {
        $('#wrapper_tab').attr('class',$(this).attr('class'));
    }
    return false;
});

});

希望有人可以帮助我解决这个问题。

非常感谢！:)

4

1 回答 1

1

如果您不受页面重量的限制 - 我建议使用 jquery ui 选项卡。关于您的代码：您不应该使用 attr 方法处理类。此页面的使用方法：http: //api.jquery.com/category/css/

我在纯 jquery 上找到了带有简单选项卡的 jsfiddle（没有 jquery ui）http://jsfiddle.net/syahrasi/Us8uc/

$(document).ready(function() {
    $(".tabs-menu a").click(function(event) {
        event.preventDefault();
        $(this).parent().addClass("current");
        $(this).parent().siblings().removeClass("current");
        var tab = $(this).attr("href");
        $(".tab-content").not(tab).css("display", "none");
        $(tab).fadeIn();
    });
});
于 2013-11-14T01:54:19.540 回答