ページの色が変更できないのはなぜですか?

このページング関数はページ番号を出力します

リーリー

このjsコードは色を変更するために使用されています。クリックするとどれかが赤くなり、他の色は元の色に変わります。なぜクリックするたびに、クリックした瞬間だけが赤くなり、その後変化します。このjsのコードは問題ありません。 色を変更することはできますが、他の色は元の色に変わりません。ここでは機能しますか? クリックしたときにのみ赤くなります。これはなぜですか?色が変わってすぐに元に戻ったのはジャンプがあったからでしょうか？なぜ？

リーリー

返信内容:

このページング関数はページ番号を出力します

リーリー

このjsコードは色を変更するために使用されています。クリックするとどれかが赤くなり、他の色は元の色に変わります。なぜクリックするたびに、クリックした瞬間だけが赤くなり、その後変化します。このjsのコードは問題ありません。 色を変更することはできますが、他の色は元の色に変わりません。ここでは機能しますか? クリックしたときにのみ赤くなります。これはなぜですか?色が変わってすぐに元に戻ったのはジャンプがあったからでしょうか？なぜ？

リーリー

はい、ジャンプのおかげで、各ページング ボタンを使用してそのページにジャンプできます。ジャンプとは、ページ全体が 1 回リロードされ、スタイルと javascript が再読み込みされることを意味します。

そこで、考え方を変える必要があります。 ジャンプでは前の Web ページの効果を保持できないため、現在どのページにいるのかをどうやって知ることができるでしょうか?

コードを見てくださいphp、HTML 混合，所以可以用 php 現在のページを判断する方法は、どのページング ボタンが赤色であるかを判断することです

の使用については、より良い方法があります: php 輸入 html リーリー

<?= $something?> = <? echo $something ?>

現在のページを表す変数があるとします:

$currentPage

簡単な判断で、一致するスコアページのボタンに赤い背景を追加できます

リーリー

ここがポイントです:

background:<?= $currentPage === $i ? 'red' : 'grey' ?>

現在のページとページングボタンのページ番号が同じ場合は戻ります

red ， 不符合就返回 grey

追加コメント

ページネーションを処理する関数を使用する必要があるようです。つまり、次のとおりです。 リーリー

このようにして、ページ分割されたコンテンツを出力する必要がある場所に挿入できます

リーリー fenye(...)

現在アクティブ化されているページングボタンのスタイルと通常のページングボタンのスタイルをCSSで定義してみましたか