タブ切替とページネーションの両立

jqueryにてタブ切替機能（CSSにてdisplay:none;からdisplay:flex;に変更）、
PHPにてページネーションを実装しました。
商品のタイプごとにタブを分けて、一覧をページで分けています。
ですが、PHPにてURLに pageid=を追加しているため、
Aタブの2ページ目からBタブに飛ぼうクリックすると、pageid=2が入っているので、
Bタブの最初のページからではなく、2ページ目から表示が始まってしまいます。
良い解決方法があればご教示いただきたいです。
よろしくお願いします。

jQuery
1$(function(){
2    $("nav label").click(function(){
3        var number = $("nav label").index(this);
4        $("nav .active").removeClass("active");
5        $(this).addClass("active");
6        $("section ul").removeClass("show");
7        $("section ul").eq(number).addClass("show");
8    });
9});

php
1function show_item($items){
2    $items_num = count($items);
3    $max_page = ceil($items_num / MAX);
4    if(!isset($_GET['page_id'])){
5        $now = 1;
6    }else{
7        $now = $_GET['page_id'];
8    }
9    $start_no = ($now - 1) * MAX;
10    $disp_data = array_slice($items, $start_no, MAX, true);
11<div class="page_num">
12    <?php for($i = 1; $i <= $max_page; $i++){
13        if ($i == $now) {
14            echo $now. '　';
15        } else {
16            echo '<a href=\'main_view.php?page_id='. $i. '\'>'. $i. '</a>'. '　';
17        }
18    } ?>
19    </div>
20}

m.ts10806

2020/05/21 19:37

コードが一部なので全体像が見えてませんが、今、画面どうなってますか？タブとページングの関係が今一つ見えてきません。もう少し具体的に仕様を説明するか、図示してください。

rs2

2020/05/22 09:33

説明不足ですみません。 phpの、 <div class="page_num"> <?php for($i = 1; $i <= $max_page; $i++){ if ($i == $now) { echo $now. '　'; } else { echo '<a href=\'main_view.php?page_id='. $i. '\'>'. $i. '</a>'. '　'; } } ?> で、ページネーションを実装しています。 2ページ目に行くと、URLに　?page_id='. $i. '\'　が追加されます。 jQueryにて、　.removeClass("show")　で全てのタブの表示を消して、　 .addClass("show")　でクリックしたタブに該当するものだけを再表示します。ですが、例えば、Aタブの2ページ目からBタブをクリックすると、URLに　?page_id='. $i. '\'　が追加された状態で切り替わるため、Bタグの表示も2ページ目からになってしまいます。 if(!isset($_GET['page_id'])){ $now = 1; }else{ $now = $_GET['page_id']; } 上記の、　['page_id']　が入っているため、そのような動きになります。これをタブを切り替えた場合は、そのタブに該当する1ページ目から表示をできるようにしたいです。

m.ts10806

2020/05/22 09:58

質問は編集できますので