如何在WordPress的引導選項卡添加活動類的項目和內容

我有下面的功能是沒有任何問題的工作只在nav-tabs li和tab-content div類別點擊項目時不添加active類。在我的代碼如何在WordPress的引導選項卡添加活動類的項目和內容

問題：只有不把這些東西加到類線以下

$item_output .= '<li>'; 
$item_output .= '<div class="tab-pane" id="'.$YPE_category->slug.'">';

信息：當我使用相同的功能（但只有去除&$item_output參數和替換$item_output變量echo ）它是工作，並添加active類項目和內容沒有任何問題。意思是當我用$item_output代替echo不加active類！

如何在單擊項目時直接添加active類，或點擊項目時顯示內容？我認爲可以通過jQuery做到這一點，但我不能做到這一點？

function YPE_bstab(&$item_output, $item) { 
    $YPE_categories = get_terms('category', array(
     'orderby' => 'count', 
     'number' => $item->items_num, 
     'order' => 'DESC', 
     'hide_empty' => 1 
    )); 
    $item_output .= '<ul class="nav nav-tabs">'; 
     foreach ($YPE_categories as $YPE_category) { 
      $item_output .= '<li>'; 
       $item_output .= '<a href="#'.$YPE_category->slug.'" data-toggle="tab">'.$YPE_category->name.'</a>'; 
      $item_output .= '</li>'; 
     } 
    $item_output .= '</ul>'; 
    $item_output .= '<div class="tab-content">'; 
    foreach ($YPE_categories as $YPE_category) { 
     $item_output .= '<div class="tab-pane" id="'.$YPE_category->slug.'">'; 
      $YPE_Query = array('posts_per_page' => $item->items_num,'category_name' => $YPE_category->slug); 
      $YPE_cat_query = new WP_Query($YPE_Query); 
      while ($YPE_cat_query->have_posts()) { 
       $YPE_cat_query->the_post(); 
       $item_output .= '<a href="'.get_permalink().'">'.get_the_post_thumbnail(get_the_ID()).'</a>'; 
       $item_output .= '<p><a href="'.get_permalink().'">'.get_the_title().'</a></p>'; 
      } 
      wp_reset_query(); 
     $item_output .= '</div>'; 
    } 
    $item_output .= '</div>'; 
}

來源

2016-02-16 Tre Ahmad

使用JavaScript代碼是更好的方式來顯示active類

一：刪除data-toggle="tab"。

二：廣告這id到li在這一行$item_output .= '<li>';這樣$item_output .= '<li id="myTabs">';

第三：在你的代碼，或者在你的主題或腳本中阿努js文件添加這段JavaScript代碼。

$('#myTabs a').click(function (e) { 
    e.preventDefault() 
    $(this).tab('show') 
})

來源

2016-02-16 16:41:33

它是完美的解決方案謝謝你完美地與我合作 –

如何在WordPress的引導選項卡添加活動類的項目和內容

回答

相關問題