在同一頁面上使用多個標籤塊（jQuery）

Question

$('.tabbed-block .tab-content:first').show(); 
      $('.tabbed-block ol li:first').addClass('active'); 
      $('.tabbed-block ol li a').click(function() { 
       $('.tabbed-block ol li').removeClass('active'); 
       $(this).parent().addClass('active'); 
       var a = $(this).attr('href'); 
       $('.tabbed-block .tab-content').hide(); 
       $(a).show(); 
       return false; 
      }); 

..很好用，但如果多次使用同一頁面，則不會相互干擾。我應該改變什麼？

謝謝！

Answer 1

這應該有效。雖然，爲什麼你不使用jQuery UI選項卡？

$('.tabbed-block').each(function(){ 
    var $block = $(this); 
    $block.find('.tab-content:first').show(); 
    $block.find('ol li:first').addClass('active'); 
    $block.find('ol li a').click(function() { 
    var $link = $(this); 
    $link.closest('ol').find('li a').removeClass('active'); 
    $link.parent().addClass('active'); 
    var a = $link.attr('href'); 
    $link.closest('.tabbed-block').find('.tab-content').hide(); 
    $(a).show(); 
    return false; 
    }); 
});