2011-06-26 8 views
0

イベントが作成されたときにタブを変更する必要がありますが、イベントの各タブのアクセス方法はわかりません。イベントジェネリックの特定のタブにアクセスするにはどうすればいいですか?

私はこのようにしてみましたが、うまくいきません。問題はセレクタだとわかります。

$("#menuContainer").tabs({ 
    selected : 1, 
    create: function (event, ui){ 
     $(this).css('background','#54B2F1 url(images/ui-bg_glow-ball_75_53ade9_600x600.png) 50% 50% repeat-x'); 
    } 
}); 

私もこの

$(ui.panel).css('background','#54B2F1 url(images/ui-bg_glow-ball_75_53ade9_600x600.png) 50% 50% repeat-x'); 

ように試みたが、要素のUIは値

答えて

1

を持っていない「これは」あなたの中にハンドラを作成して使用div要素を指していますタブコントロールラッパー:

<div class="ui-tabs" /> 

したがって、投稿したコードはその背景を変更する必要があります。あなたは、個々のタブを自分のスタイルにしたい場合は、あなたのような何か行う必要があります:

$(this).find('.ui-tabs-nav li').css('background','#54B2F1 url(images/ui-bg_glow-ball_75_53ade9_600x600.png) 50% 50% repeat-x'); 

を全体タブコントロールが作成されたときに作成トリガが起動されます。この場合、個々のタブが作成されたときにトリガーされるイベントを探していると思います。

関連する問題