$( '#xxx' ).tabs({
select: function(event, ui) {
var theSelectedTab2 = ui.index;
if (theSelectedTab2 == 0) {
$('ul li.ep_s1').removeClass('ep_s1').addClass('ep_s-click1');
if ($('ul li#h13').hasClass('ep_l-click1')) {
$('ul li#h13').removeClass('ep_l-click1').addClass('ep_l1');
}}
else if (theSelectedTab2 == 1 ) {
$('ul li.ep_l1').removeClass('ep_l1').addClass('ep_l-click1');
if ($('ul li#h12').hasClass('ep_sidebar_friends-click1')) {
$('ul li#h12').removeClass('ep_s-click1').addClass('ep_s1');
}}
}
});
如果我使用selected: 0
,它会将第一个标签设置为活动标签,但它现在将通过if (theSelectedTab2 == 0)
语句并添加这些类。
如果页面加载后我单击这些选项卡,脚本就可以完美运行。
基本上我想要的是当页面加载if (theSelectedTab2 == 0)
语句并且其中发生的所有内容都处于活动状态时。
感谢
答案 0 :(得分:3)
在标签初始化之后,可能是以下行:
$( '#xxx' ).tabs('select', 0);
希望它也能触发你想要的事件。
答案 1 :(得分:1)
页面加载后在第一个标签页上触发点击事件?
赞$('first tab selector').click()
答案 2 :(得分:1)
我必须这样做才能让它发挥作用:
jQuery( "#xxx" ).tabs({active: 1});
jQuery( "#xxx" ).tabs("option", "active", 0);
这样做可以很快触发事件
答案 3 :(得分:0)
这就是我要做的事情
$(function () {
$("ul.nav-tabs li:first").addClass("active");
$(".tab-content .tab-pane:first").addClass("active");
});