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 には値がありません

4

1 に答える 1

1

作成するハンドラーの「this」は、タブ コントロール ラッパーとして使用される 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');

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

于 2011-06-26T21:51:07.083 に答える