2016-04-14 4 views
1

zebra-stripeプラグインをwordpressページに追加しようとしています。Wordpress Tablesorter初心者向けのZebraストライププラグイン

ゼブラストライピングを行うには、次のコードをどこに配置するかわかりません。

誰でも正しい方向に向けることができますか?ありがとうございました!

$(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" ] 
    } 
    }); 

}); 

答えて

0

Wordpress table-sorter pluginは、元のtablesorter(v2.0.5)を使用しているので、themewidgetOptionsの設定は何もしていないように見えます。

あなたがそのプラグインを使用していないが、あなたは私のfork of tablesorterを使用している場合は、その/css/theme.blue.cssファイルをロードする必要があり、ないデフォルトのシマウマのクラス名を変更します。

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

を使用している場合Wordpressプラグインのない元のテーブル作成者は、themeの設定を除いて上記の同じコードを使用します。ロードする必要のある青色のスタイルは、次の場所にあります/themes/blue/style.css

関連する問題