Javascript Can';t在Twitter引导Togleable选项卡中设置默认值
单击这些选项卡时效果很好,但在窗口加载时选择默认选项卡失败。javascript运行,没有错误,但什么也没有发生。有什么想法吗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
<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与您的其他提示一起工作非常好!谢谢