Question

我正在尝试将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" ]
    }
  });

});

Answer 1

看起来Wordpress table-sorter plugin正在使用原始的tablesorter（v2.0.5），因此theme和widgetOptions设置无法执行任何操作。

如果您没有使用该插件，但是您使用的是fork of tablesorter，那么您需要加载/css/theme.blue.css文件而不更改默认斑马班级名称：

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

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

适用于初学者的Wordpress Tablesorter Zebra条纹插件

1 个答案: