标签内的JQuery tablesorter斑马条纹

Question

我有一个使用JQuery选项卡的网页，其中3个选项卡是我试图使用带有斑马条纹的JQuery tablesorter的表。第一个选项卡有一个正常工作的表。第3和第4个选项卡表已正确排序，但第一次查看选项卡时表中没有斑马条纹但排序正确。如果单击其中一个列标题对表进行排序，则会对其进行排序，然后斑马条纹就会起作用。我试图弄清楚如何在第一次查看选项卡时让条纹工作。起初我在$ .ready代码中有所有的tablesorter代码但是当它不起作用时我尝试在选择选项卡时对其进行排序。以下是我的代码：

<script type="text/javascript">
$(function() {
  $('#tabs').tabs({
    select: function(event, ui) {
      switch (ui.index) {
        case 3:
          $("#bTable").tablesorter({widgets: ['zebra'] , sortList: [[0,0]]});
          break;    
        case 4:
          $("#cTable").tablesorter({widgets: ['zebra'] , sortList: [[0,0]]});
          break;
      }
    }});
});

$(document).ready(function()     {
  $("#aTable").tablesorter({ 
      widgets: ['zebra'] 
  });  
});
</script>