0

タブが選択されているかどうかを確認するステートメントがあります。

$( '#social_edit_pannels' ).tabs({
select: function(event, ui) { 
var theSelectedTab = ui.index;

if (theSelectedTab  == 0) {
$('ul li.ep-messages').removeClass('ep-messages').addClass('ep-messages-click');
$('ul li.ep-friends').removeClass('ep-friends-click').addClass('ep-friends');
}
else if (theSelectedTab  == 1 ) {
$('ul li.ep-friends').removeClass('ep-friends').addClass('ep-friends-click');
$('ul li.ep-messages').removeClass('ep-messages-click').addClass('ep-messages');
}
   }
});

何が起こっているのかというと、クラスの削除と追加の最初のステートメントだけが各ifステートメントから機能します。

たとえば、スクリプトを実行すると、次のように動作します。

if (theSelectedTab  == 0) {
$('ul li.ep-messages').removeClass('ep-messages').addClass('ep-messages-click');
}
else if (theSelectedTab  == 1 ) {
$('ul li.ep-friends').removeClass('ep-friends').addClass('ep-friends-click');
}

それぞれのif...の2番目のステートメントは機能しません。多分それはクラスがそこにあるかどうかわからないのですか？

何か案は？

4

1 に答える 1

1 
$('ul li.ep-friends').removeClass('ep-friends-click').addClass('ep-friends');

$('ul li.ep-friends')まだep-friendsクラスがないため、代わりに別のセレクターを使用する必要があることがわかりません。'ul li.ep-friends'

2番目のものについても同じ説明。

于 2011-03-24T23:53:13.227 に答える