2

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

<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>
4

0 回答 0