0

これは私が取り組んでいるペンですが、各タブのコンテンツは更新されません。以下にコーディングした jQuery を確認してください。

$('.content-canvas').find('div').hide();
$('.content-canvas div:first-child').show();
$('.tab-button span:first-child').addClass('active');
$('.tab-button').find('span').click(function(){
   $('.tab-button').find('span').removeClass('active');
   $(this).addClass('active');
   var currentclass=$('.active').attr('class');
   $('.content-canvas').find('div').each(function(){
      if($(this).attr('class')==currentclass) {
         $('.content-canvas').find('div').hide();
         $(this).show();
      }
      else {
         $(this).hide();
      }
   });
});
4

1 に答える 1

2

問題は、currentclass「content2」ではなく「content2 active」などに設定されていることです。

次のようなものを使用して試すことができます。

var currentclass = $(this).attr('class');  
$(this).addClass('active');

参照: http://codepen.io/anon/pen/qbAdG

これが、デバッガーが役立つ理由です。デバッガーを使用してコードをトレースし、変数の値と実行パスをチェックして、すべてが正常に動作していることを確認できます。

于 2013-09-08T07:01:14.863 に答える