javascript - 我想在单击按钮时激活选项卡菜单项

Question

嗨，我有一个选项卡菜单，当我单击选项卡 1 中的按钮时，我想激活选项卡 2。

这是我的javascript：

<link rel="stylesheet" type="text/css" href="http://oliveshades.com/dashboard_menu.css">
<script type='text/javascript' src="http://oliveshades.com/jquery.idTabs.min.js"></script>

<script type='text/javascript'>
function toggle_visibility(id) {
    var thelist = document.getElementsByClassName("alist");
    for (var i = 0; i < thelist.length; i++) {
        thelist[i].style.display = 'none';
    }
    var e = document.getElementById(id);
    if (e.style.display == 'block') {
        e.style.display = 'none';
    } else {
        e.style.display = 'block';
    }
}</script>

这是我的 HTML：

<div class="dashTab">
<ul class="idTabs">
  <li><a href="#tab1">Statistics</a></li>
  <li><a href="#tab2">Traffic</a></li>
</ul></div>

<div id="tab1"><input name="" type="button" value="redirect me to tab 2" /></div>
<div id="tab2">This is Tab2</div>

http://jsfiddle.net/UCjYS/

Answer 1

idTabs 似乎没有激活选项卡的方法，但您可以手动触发它。

$('#tab1 input').click(function(){
  $('li:contains("Traffic")').click();
  return false;
});

Answer 2

尝试这个：

function changeTab(arg){
    switch(typeof arg){
        case "number":
            $('.idTabs > li:eq(' + arg + ') > a').click();
            break;
        case "string":
            $('.idTabs > li:contains(' + arg + ') > a').click();
            break;
    }
}

http://jsfiddle.net/DerekL/UCjYS/1/