タブパネルの機能を使ってページ送りの機能つけたんですが、全てのタブでページ送りすると他のお知らせのタグや、ブログのタグも連動して動きます。全てのタブにページ送りの機能をつけたいです。
php
1<div id="NEWS"> 2 <div class="NEWS-title"> 3 <h1>news</h1> 4 </div> 5 <div class="tab-wrap"> 6 <div class="tab-group"> 7 <div class="tab is-active">全て</div> 8 <div class="tab">お知らせ</div> 9 <div class="tab">ブログ</div> 10 </div> 11 </div> 12 <div class="panel-group"> 13 <div class="panel is-show"> 14 <?php 15 $paged = get_query_var('paged') ? get_query_var('paged') : 1 ; 16 $args = array( 17 'post_type' => 'post', 18 'category_name' => 'news,blog', 19 'posts_per_page' => 3, 20 'paged' => $paged 21 ); 22 $the_query = new WP_Query( $args ); 23 if ( $the_query->have_posts() ) : while ( $the_query->have_posts() ) : 24 $the_query->the_post(); 25 ?> 26 <div class="left-post-date"> 27 <?php echo get_the_date(); ?> 28 </div> 29 <div class="left-post-item"> 30 <?php the_category(); ?> 31 </div> 32 <a href="<?php the_permalink(); ?>" class="left-post-title"> 33 <?php echo get_the_title(); ?></a> 34 <?php endwhile; ?> 35 <?php endif; ?> 36 <div class="nav-previous alignleft"> 37 <?php if (get_previous_post()):?> 38 <?php next_posts_link( '<img src="'. get_template_directory_uri().'/img/競技.png" />' ); ?> 39 <?php endif; ?> 40 </div> 41 <div class="nav-next alignright"> 42 <?php if (get_next_post()):?> 43 <?php previous_posts_link( '<img src="'. get_template_directory_uri().'/img/競技-2.png" />' ); ?></div> 44 <?php endif; ?> 45 </div> 46 <?php wp_reset_postdata(); ?> 47 <div class="panel"> 48 <?php 49 $args = array( 50 'post_type' => 'news', 51 'category_name' => 'news', 52 'posts_per_page' => 3, 53 'paged' => $paged 54 ); 55 $the_query = new WP_Query( $args ); 56 if ( $the_query->have_posts() ) : while ( $the_query->have_posts() ) : 57 $the_query->the_post(); 58 ?> 59 <div class="center-news-date"> 60 <?php echo get_the_date(); ?> 61 </div> 62 <div class="center-news-item"> 63 <?php the_category(); ?> 64 </div> 65 <a href="<?php the_permalink(); ?>" class="center-news-title"> 66 <?php the_title(); ?></a> 67 <?php endwhile; ?> 68 <?php endif; ?> 69 <?php wp_reset_postdata(); ?> 70 </div> 71 <div class="panel"> 72 <?php 73 $args = array( 74 'post_type' => 'blog', 75 'category_name' => 'blog', 76 'posts_per_page' => 3, 77 ); 78 $the_query = new WP_Query( $args ); 79 if ( $the_query->have_posts() ) : while ( $the_query->have_posts() ) : 80 $the_query->the_post(); 81 ?> 82 <div class="left-news-date"> 83 <?php echo get_the_date(); ?> 84 </div> 85 <div class="left-news-item"> 86 <?php the_category(); ?> 87 </div> 88 <a href="<?php the_permalink(); ?>" class="left-news-title"> 89 <?php the_title(); ?></a> 90 <?php endwhile; ?> 91 <?php endif; ?> 92 <?php wp_reset_postdata(); ?> 93 </div> 94 </div> 95 </div> 96</div>
js
1jQuery(function($){ 2 $('.tab').on('click',function(){ 3 var idx=$('.tab').index(this); 4 $(this).addClass('is-active').siblings('.tab').removeClass('is-active'); 5 $(this).closest('.tab-wrap').next('.panel-group').find('.panel').removeClass('is-show'); 6 $('.panel').eq(idx).addClass('is-show'); 7 }); 8 });
試したこと
お知らせや、ブログの部分にページ送りの機能をつけると、お知らせの部分に書いてあったものが表示されなくなる。
全ての部分のタグが表示されます。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。