$( '#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)
ステートメントをロードしたときに、その内部で発生するすべてがアクティブになるようにします。
ありがとう