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' );

  });
});

これは非常に単純なシステムであり、機能しないことに本当に驚いています。

Firebug で次のようなエラーが表示されます: JavaScript 引数 arg 0 [nsIDOMWindow.getComputedStyle] を変換できませんでした

ただし、CSS を変更して > (直接の子) 記号を使用すると、エラーはスローされません (おそらく一致しなくなったため)。

誰かが私が間違っていることを教えてもらえますか?

ありがとう!

編集:

明らかに動作しているjsfiddleがあります:http://jsfiddle.net/jRtsd/

4

0 に答える 0