0

いくつかの CSS スタイルを持つグラフがあります。幅は WordPress で設定されているので、php を使用して適用する必要があります。

最初に、HTML にインライン CSS を追加して幅を適用しました。これは、1 ページにいくつかのグラフがある場合でもうまく機能しました。しかし、応答性を追加したいときに、インライン CSS がメディアクエリを上書きし、応答性を壊していることが発生しました。そこで、ここで説明されている方法で PHP 変数を CSS に直接適用することにしました。

http://css-tricks.com/css-variables-with-php/

問題は、次の状況が発生した場合です。

私はルールを持っています：

.graph {
    width: <?php echo $graph-width; ?>;
       }

このクラスを使用して、1 ページに 3 つのグラフがあります。各グラフには、WordPress 管理パネルで指定された異なる幅があります。

PHP に保存されているさまざまな幅を、ページ上の 3 つのグラフすべてに適用する方法。

1 ページにいくつのグラフが表示されるかはわかりません。

4

1 に答える 1

0

今はこれをテストする時間がありませんが、うまくいくかもしれないアプローチがあります。増加する数値を含む別のクラスで div を作成します。コンテナー 1、コンテナー 2、コンテナー n。

次に、jQuery を使用すると、次のようなことができます。

var i = 1;
function widthAdder() {
    if(i % 2 === 0) { //this is every second element
         $('.container-' + i).css(width: "100px"); //here you set the width
         i++;
    } else if (i % 3 === 0) { // this is every third
         $('.container-' + i).css(width: "150px"); //here you set the width
         i++;
    } else { //this is every first
         $('.container-' + i).css(width: "200px"); //here you set the width
         i++;
    }
}

widthAdder();

お役に立てれば。

于 2013-08-29T16:44:10.370 に答える