1

我有我的相关CSS如下：

div.tab-container div.tab{
  min-width: 150px;
  width: auto;
  height: 25px;
  background-color:#3DCCF0;
  display:block;
  float:left;
  padding: 15px 10px 10px 20px;
  margin-right: 10px;
  cursor: pointer;
  font-size: 12px;
  color: #fff;
  font-weight:bold;
}
div.tab-content div[class^="tab-"]{
  display: none;
  width: auto;
  height: 100%;
  float: left;
  background-color: inherit;
  margin-top: 30px;
  background-color: #FFF;
}

div.tab-content div[class^="tab-"].active{
  display:block;
}

和我的 jQuery：

$(document).ready(function(){
  $('div.tab').click(function(){
    var tab_id      = $(this).attr('id');
    var clickedTab  = $(this);

    $('.tab').removeClass('active');
    $('.' + tab_id).removeClass('active');

    $(this).addClass('active');
    $('.' + tab_id).addClass( 'active' );

  });
});

这是一个非常简单的系统，我真的很惊讶它不起作用。

我在萤火虫中收到错误消息：无法转换 JavaScript 参数 arg 0 [nsIDOMWindow.getComputedStyle]

但是，如果我更改我的 CSS 以使用 >（直接子）符号，它不会抛出错误（可能是因为它不再匹配）。

谁能告诉我我做错了什么？

谢谢！

编辑：

继承人它显然工作的jsfiddle：http: //jsfiddle.net/jRtsd/

4

0 回答 0