0

こんにちは、タブ メニューがあり、タブ 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/

4

2 に答える 2

0

これを試して：

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/

于 2013-04-17T05:38:16.533 に答える
0

idTabs にはタブをアクティブにするメソッドがないようですが、手動でトリガーできます。

$('#tab1 input').click(function(){
  $('li:contains("Traffic")').click();
  return false;
});
于 2013-04-17T05:18:06.663 に答える