関連する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' );
});
});
これは非常に単純なシステムであり、機能しないことに本当に驚いています。
Firebug で次のようなエラーが表示されます: JavaScript 引数 arg 0 [nsIDOMWindow.getComputedStyle] を変換できませんでした
ただし、CSS を変更して > (直接の子) 記号を使用すると、エラーはスローされません (おそらく一致しなくなったため)。
誰かが私が間違っていることを教えてもらえますか?
ありがとう!
編集:
明らかに動作しているjsfiddleがあります:http://jsfiddle.net/jRtsd/