Wordpress Tablesorter Zebra stripe初学者插件

我正在尝试将斑马条纹插件添加到

wordpress

页面

我不确定在哪里放置以下代码，以使斑马条纹工作

谁能给我指出正确的方向吗？谢谢大家!

$(function() {

  // call the tablesorter plugin
  $("table").tablesorter({
    theme: 'blue',
    // initialize zebra striping of the table
    widgets: ["zebra"],
    // change the default striping class names
    // updated in v2.1 to use widgetOptions.zebra = ["even", "odd"]
    // widgetZebra: { css: [ "normal-row", "alt-row" ] } still works
    widgetOptions : {
      zebra : [ "normal-row", "alt-row" ]
    }
  });

});

看起来使用的是原始的tablesorter（v2.0.5），因此

主题

和

widgetOptions

设置没有任何作用

如果您没有使用该插件，但使用的是my，则需要加载

/css/theme.blue.css

文件，并且不要更改默认的zebra类名：

$(function() {
  $("table").tablesorter({
    theme: 'blue',
    widgets: ["zebra"]
  });
});

如果您使用的是没有Wordpress插件的原始tablesorter，请使用与上面相同的代码，但

主题设置除外；需要加载的蓝色样式将位于以下位置
/themes/blue/style.css
看起来正在使用原始的表排序器（v2.0.5），因此
主题
和
widgetOptions
设置不起任何作用

如果您没有使用该插件，但使用的是my，则需要加载
/css/theme.blue.css
文件，并且不要更改默认的zebra类名：

$(function() {
  $("table").tablesorter({
    theme: 'blue',
    widgets: ["zebra"]
  });
});

如果您使用的是没有Wordpress插件的原始tablesorter，请使用与上面相同的代码，但
主题设置除外；需要加载的蓝色样式将位于以下位置
/themes/blue/style.css