0

次のような新しい「クラス」を自動的に生成する式を見つけるのに苦労しています。

<ul>
<li class="img1">link</li>
<li class="img2">link</li>
<li class="img3">link etc...</li>
</ul>

これは、「最も読まれた」/「最新のコメント」の 2 つのタブにネストされています。さまざまなクラスは、CSS を使用して別の箇条書き (数字) を作成できるようにするためのものです。実際、<li>クラスは通常の (箇条書き) 番号ではなく様式化された番号を与えることになっています

最新のコメントと RSS フィードの WordPress 呼び出しと一緒に使用する 6 つのクラスを生成するには、JavaScript が必要だと思います。

簡単に見つけられるはずだと思っていましたが、これまでのところ、WordPress フォーラムや Google などはほとんどありません。さらに、私には JavaScript プログラミングのバックグラウンドがありません。

潜在的な解決策をいただければ幸いです。

4

5 に答える 5

1

このコードは、インクリメンタル クラスを生成します。

<?
class linkClass
{
        public static $n;
        public function next()
        {
                return self::$n++;
        }
}
?>

<? linkClass::$n = 1; ?>
<ul>
  <li class="link<? print(linkClass::next());?>">link</li>
  <li class="link<? print(linkClass::next());?>">link</li>
  <li class="link<? print(linkClass::next());?>">link</li>
</ul>

「print(linkClass::next());」次のようなリンクを生成する行で（実際の例ではありません）：

foreach($links as $link)
  echo '<li class='.linkClass::next().'>'.$link.'</li>';
于 2009-06-13T13:32:07.980 に答える
1

番号が付けられている場合、順序付きリストを使用しませんか? <ol>.

または多分私はここでポイントを逃しています。この HTML の作成に高水準言語を使用していますか? またはツール？

于 2009-06-12T12:43:25.610 に答える
0

私が理解していることから、リスト項目が印刷されるたびに1ずつ増加する一意のクラスを持つ各リスト項目を使用して、順序付けられていないリストを印刷したいですか?

私はWordpressの経験がありませんが、リスト項目が印刷されるたびに変数を増やすことでこれを簡単に行うことはできませんか?

例えば：

<ul>
  <li class="<?php echo "img","$i"; ?>>link</li><?php $i++; ?>
  <li class="<?php echo "img","$i"; ?>>link</li><?php $i++; ?>
  <li class="<?php echo "img","$i"; ?>>link etc...</li><?php $i++; ?>
</ul>

あるいは、次のような関数を作成することもできます: 1) 数値を出力する 2) 数値の値を 1 ずつ増やして、次に関数が呼び出されたときに、より高い値を出力するようにする

これにより、次のことが可能になります。

function classImg() {
  echo "img", "$i";
  $i++;
}

<ul>
  <li class="<?php classImg(); ?>>link</li>
  <li class="<?php classImg(); ?>>link</li>
  <li class="<?php classImg(); ?>>link etc...</li>
</ul>

勝手に書いたので間違っているところもあるかと思いますが、ご理解いただければ幸いです。

于 2009-06-13T12:38:55.097 に答える
0

jQuery の使用:

$(function(){
  $('ul.special').each(function() {
    $('li', this).each(function(i) { this.addClass('img'+i.toString()); });
  });
});

これは私の頭のてっぺんから、最小限の参照で書かれています。詳細については、jQueryを確認することをお勧めします。

于 2009-06-13T13:45:40.757 に答える
0

クラスをサーバー側で生成するか、実行時に変更する場合は JavaScript を使用します。

于 2009-06-12T12:43:02.990 に答える