0

我正在使用 jQuery UI 选项卡，我想更改按钮单击时的选项卡。我该怎么做？

这是我的标记，描述了选项卡的 html 和 jQuery 选项卡的 javascript 代码。

<ul class="tabs">
    <li><a href="#">tab 1</a></li>
    <li><a href="#">tab 2</a></li>
    <li><a href="#">tab 3</a></li>
</ul>

<div class="tab-content">
    <div>Tab 1</div>
    <div>Tab 2</div>
    <div>Tab 3</div>
</div>

<input type="button" onclick="changetab(2)">Go to 2nd Tab</input>

<script type="text/javascript">
    (function () {

    $(".tabs-container").each(function () {
        var $history = $(this).attr('data-history');
        if ($history != undefined && $history == 'true') {
            $history = true;
        } else {
            $history = false;
        }
        var $initialIndex = $(this).attr('data-initialIndex');
        if ($initialIndex == undefined) {
            $initialIndex = 0;
        }
        $("ul.tabs", this).tabs("div.tab-content > div", { tabs: 'a', effect: 'fade', fadeOutSpeed: -200, history: $history, initialIndex: $initialIndex });
    });

    })();

    function changetab(index){
       // WHAT TO DO HERE!!!
    }
</script>
4

1 回答 1

1

在文档中，您可以active选择在 setter 或 getter 上工作，因此您可以通过他的索引来激活元素，如下所示：

$( "#tabs" ).tabs( "option", "active", 1 );

试试我的 jsFiddle：http: //jsfiddle.net/Wv5C5/

和文档：http ://api.jqueryui.com/tabs/#option-active

于 2013-09-29T07:12:09.390 回答