无法在Twitter Bootstrap Toggleable选项卡中设置默认值 [英] Can't Set Default in Twitter Bootstrap Toggleable Tab
本文介绍了无法在Twitter Bootstrap Toggleable选项卡中设置默认值的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
单击时选项卡可以正常工作,但选择窗口加载时的默认选项卡失败。 javascript运行,没有错误,但没有任何反应。有什么想法吗?
The tabs work nicely when clicked but selecting the default tab on window load fails. The javascript runs, no errors, but nothing happens. Any ideas?
<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>
推荐答案
你的选择器错了,试试这样:
Your selector is wrong, try it like this instead:
$(window).load(function(){
$('#tab a[href="#client_tab2"]').tab('show');
});
演示: http: //jsfiddle.net/TjjKE/
这篇关于无法在Twitter Bootstrap Toggleable选项卡中设置默认值的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文