jQuery 工具选项卡——改变背景颜色

Question

我正在使用这个设置: http://flowplayer.org/tools/demos/tabs/slideshow.htm

我想在从一个选项卡切换到另一个选项卡时更改 BODY 背景，用一种特定的颜色来匹配每个选项卡。

有人可以让我知道我需要添加哪些额外的代码吗？

如果有任何帮助，我将不胜感激，因为我对 JS 一点都不流利，尽管我对 HTML/CSS 相当熟练；)

非常感谢。

Answer 1

你真的应该看看 events documentation .

我的猜测是绑定(bind)到 onClick 和/或 onBeforeClick 并且可能使用 data-bgColor="#FFF"-type 属性在每个选项卡上，然后将该值定位(并应用)到这些事件之一的正文背景中。像这样的东西:

<!-- 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);
  }
});