Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/404.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Can';t在Twitter引导Togleable选项卡中设置默认值_Javascript_Tabs_Twitter Bootstrap_Nav - Fatal编程技术网

Javascript Can';t在Twitter引导Togleable选项卡中设置默认值

Javascript Can';t在Twitter引导Togleable选项卡中设置默认值,javascript,tabs,twitter-bootstrap,nav,Javascript,Tabs,Twitter Bootstrap,Nav,单击这些选项卡时效果很好,但在窗口加载时选择默认选项卡失败。javascript运行,没有错误,但什么也没有发生。有什么想法吗 <head> <link href="/assets/bootstrap.css?body=1" media="screen" rel="stylesheet" type="text/css" /> </head> <script> //<![CDATA[ window.onload=function

单击这些选项卡时效果很好,但在窗口加载时选择默认选项卡失败。javascript运行,没有错误,但什么也没有发生。有什么想法吗

<head>
<link href="/assets/bootstrap.css?body=1" media="screen" rel="stylesheet" type="text/css" />
</head>

<script>
  //<![CDATA[
    window.onload=function () {
      $('#client_tab2').tab();
      };
  //]]>
</script>
<ul class='nav nav-tabs' id='tab'>
  <li><a href="#client_tab1" data-toggle="tab">General</a></li>
  <li><a href="#client_tab2" data-toggle="tab">Applications</a></li>
  <li><a href="#client_tab3" data-toggle="tab">Family</a></li>
  <li><a href="#client_tab4" data-toggle="tab">Memos</a></li>
</ul>

<form accept-charset="UTF-8" action="/clients/4512" class="simple_form client tab-content" id="edit_client_4512" method="post" novalidate="novalidate">
  <div class='tab-pane active' id='client_tab1'>
  <legend>General Information</legend>
  </div>

  <div class='tab-pane' id='client_tab2'>
  <legend>Application Information</legend>
  </div>

  <div class='tab-pane' id='client_tab3'>
  <legend>Family</legend>
  </div>

  <div class='tab-pane' id='client_tab4'>
  <legend>Memos</legend>
  </div>
</form>

//

一般资料
应用信息
家庭
备忘录

您的选择器错误,请按如下方式尝试:

$(window).load(function(){
    $('#tab a[href="#client_tab2"]').tab('show');
});

演示:

您还可以将默认选项卡设置为活动,只需
  • ,然后在相应的选项卡上设置
    ,这样就不需要更多的JS。看看

    非常漂亮!我无法使用$(window.load),但是window.onload与您的其他提示一起工作非常好!谢谢