Wordpress Как отобразить содержимое вкладки при нажатии на название каждой вложенной вкладки? - PullRequest
Новая
       19

Wordpress Как отобразить содержимое вкладки при нажатии на название каждой вложенной вкладки?

0 голосов
/ 10 октября 2018

Я работаю над пользовательской страницей WordPress, где я добавил jquery ul tabs на странице пользовательского шаблона.

1) Теперь, как мне получить содержимое на панели вкладок после нажатия на подпункт?-вкладки родительской вкладки?

2) Вкладка First должна быть открыта и активна до тех пор, пока не нажмете другую sub-tabs?

3) Проблема в том, что когда я добавил static content вкладка показывает content в соответствии с sub tab id, но вкладка jquery не отображается с dynamic content.Контент не отображается после нажатия на sub-tab динамически? 

**Jquery**

    <script type="text/javascript">

     window.onload=function(){

     $(function() {
        $( "#tabs" ).tabs();
    });
    $(document).ready(function() {
    $(".menu a").click(function(){
        $(".video").each(function(){
            $(this).get(0).pause();
    })
    });
    //tabbing selection
    $(".menu li:eq(0)").addClass("active");
    $(".menu li").click(function(){
        $(this).addClass('active');
        $(this).siblings().removeClass('active');       
        }); 

    $(".tabs").click(function(){
        $(".subtabsinner").slideUp();
        $(this).siblings().removeClass('active');   
    });
    $(".subtabs").click(function(){
    $(this).nextUntil("li.parent").slideToggle();
       $(this).removeClass('active');
       $(this).next().addClass('active');
    });

    });

    }

    </script>

     <div class="container">
   <div id="tabs" style="display: inline-flex;">
      <div class="row">
         <div class="col col-lg-3 col-md-3">
            <div class="leftmenu">
               <div class="menu">
                  <ul class='resourcepage'>
                     <?php 
                        $terms = get_terms('resourcecategories');
                        if ( !empty( $terms ) && !is_wp_error( $terms ) ){

                        //parent tab name   
                        foreach ( $terms as $term ) {
                        echo "<li class='parent subtabs tabsclose'><span>" . $term->name . "</span></li>";

                        $music_args = array(
                        'post_type' => 'resourceverticaltabs',
                        'orderby' => 'title',
                        'order' => 'ASC',
                        'hierarchical' => false,
                        'resourcecategories' => $term->name
                        );

                           //sub tab name           
                        $musicians = get_posts($music_args);
                        foreach ($musicians as $musician) {
                        echo ' <li class="subtabsinner"><a href="#'.$musician->ID.'">'.$musician->post_title.'</a></li>';
                        }


                        }

                        }?>
                  </ul>
               </div>
            </div>
         </div>
         <div class="col col-lg-8 col-md-8">
            //tab content
            <div class="rightmenu">
               <?php $musicians = get_posts($music_args);  foreach ($musicians as $musician) {?> 
               <div id="<?php echo $musician->ID ?>" style="border:2px solid red">
                  <?php echo $musician->the_content ?>
               </div>
               <?php } ?>
            </div>
         </div>
      </div>
   </div>
</div>

Статический контент Ссылка Статический контент

...