Javascript 如何使用jQuery显示默认选项卡-手动编码选项卡,而不是jQuery UI
我手动编码了我的选项卡结构,它并不完全遵循jQueryUI默认的选项卡结构。现在我想将第一个选项卡显示为页面加载时的默认选项卡,但这似乎没有发生。任何帮助都将不胜感激Javascript 如何使用jQuery显示默认选项卡-手动编码选项卡,而不是jQuery UI,javascript,jquery,html,tabs,default,Javascript,Jquery,Html,Tabs,Default,我手动编码了我的选项卡结构,它并不完全遵循jQueryUI默认的选项卡结构。现在我想将第一个选项卡显示为页面加载时的默认选项卡,但这似乎没有发生。任何帮助都将不胜感激 <div class="container"> <div id="tabs"> <ul class="tabNavi"> <li><a href="#tabs_1">Tab1</a> </l
<div class="container">
<div id="tabs">
<ul class="tabNavi">
<li><a href="#tabs_1">Tab1</a>
</li>
<li><a href="#tabs_2">Tab2</a>
</li>
</ul>
<div id="tabs_1"></div>
<div id="tabs_2" style="overflow: hidden; display: block;"></div>
</div>
</div>
tabnone: function(){
$('#tabs ul.tabNavi li a').each(function(){
$(this).removeClass('active');
var divIDS = $(this).attr('href').substr(0,10);
var divID = divIDS.split(',');
$('div#'+divID).slideUp(25);
});
},
setupNavigation: function() {
$('#tabs ul.tabNavi li a').each(function(){
var divIDS = $(this).attr('href').substr(0,10);
var divID = divIDS.split(',');
$('div#'+divID).hide();
});
$('#tabs ul.tabNavi li a').each(function(){
if ($(this).hasClass('active')) {
var divIDS = $(this).attr('href').substr(0,10);
var divID = divIDS.split(',');
$('div#'+divID).slideDown(250);
}
});
$('#tabs ul.tabNavi li a').ready(function(){
if (!$(this).hasClass('active')) {
$(this).addClass('active');
var divContent = $(this).attr('href').substr(0,10);
var div_ID = divContent.split(',');
// Show the div
alert(div_ID);
$('div#'+div_ID).show();
$('div#'+div_ID).slideDown(250);
}
});
$('#tabs ul.tabNavi li a').click(function(){
if (!$(this).hasClass('active')) {
GATECore.Pages.IndexHelper.tabnone();
$(this).addClass('active');
var divContent = $(this).attr('href').substr(0,10);
var div_ID = divContent.split(',');
// Show the div
$('div#'+div_ID).show();
$('div#'+div_ID).slideDown(250);
}
});
}