2012-02-28 38 views
1

を変更するには、私は、このセットアップを使用しています。jQueryのツールタブの背景色

追加する必要がある追加コードを教えてもらえますか?

私はHTML/CSSとかなり良いですが、私は、まったくJSと流暢じゃないので、私は、任意の助けを感謝される;)

感謝します。

+0

はいあなたは必要に応じてタブをカスタマイズすることができますが、これは。あなたは、プラグインのCSSやJavaScriptのコードを理解しようとすることができ、「私のコードのサイトを与える」されていません疑問がある場合は質問することができます。私たちはあなたが立ち往生しているときに助けています。答えのコードをコピーしても、学ぶのには役立ちません。 –

+0

私はタブのカスタマイズについては求めていません。タブを切り替えるときにページ(ボディ)に特定の色を適用するかどうかを尋ねています。私はこれが私が「探検」することができるとは思わないので、jQuery Toolsの一部ではないので、jQuery Toolsで理解しようとします。 そのまま、私は立ち往生しています。私が説明したように、私はJSの絶対初心者です。そのために私は謝ります。私が尋ねる以外に何か他のことをするか分からない。 – user1154435

答えて

1

本当にevents documentationをご覧ください。

私の推測では、これらのイベントの一つで、体内の背景にその値をonClickおよび/またはonBeforeClickに結合し、おそらく各タブのdata-bgColor="#FFF"型属性を使用し、その後、見つけ(および適用)することです。

<!-- first slide --> 
<div data-bgcolor="#FF0000"> ... </div> 

<!-- second slide --> 
<div data-bgcolor="#00FF00"> ... </div> 

<!-- third slide --> 
<div data-bgcolor="#0000FF"> ... </div> 

そして::何かのような

$('.tabs').tabs(".images > div", { 
    // ... 
    // other properties applied 
    // ... 

    onBeforeClick: function(event,tabIndex){ 
    // /* pseudo-code */ 
    // var bg = $(event.element).data('bgcolor'); 
    // $('body').css('background-color', bg); 
    } 
}); 
+0

ありがとう、私はこれを使用しました。 – user1154435