Wordpress Как получить содержимое на панели вкладок после нажатия на вложенную вкладку родительской вкладки? - PullRequest
Новая
       23

Wordpress Как получить содержимое на панели вкладок после нажатия на вложенную вкладку родительской вкладки?

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

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

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

2) First Tab должен быть открыт и активен до тех пор, пока не нажмете на другую parent tab?

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>

**Html and Php Code**

    <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">


     <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>

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

...