0

我正在尝试在引导选项卡中显示分类术语列表。列出如下术语，但需要一些帮助才能分配到选项卡中。

使用@dipmala 的指南，我开始关注。但仍然无法找到将子术语分成相关选项卡的方法。目前问题都在 foreach 循环中。

<?php $sup_terms = get_terms("supplier_categoties", array("orderby" => "slug", "parent" => 0, "hide_empty" => false)); ?>

<ul class="nav nav-tabs sup_cats" role="tablist">
<?php foreach($sup_terms as $key => $sup_term) : ?>
    <li role="presentation">
        <a href="#<?php echo $sup_term->slug; ?>" aria-controls="<?php echo $sup_term->slug; ?>" role="tab" data-toggle="tab"><?php echo $sup_term->name; ?></a>
    </li>
    <script type="text/javascript">
        jQuery(".sup_cats li:first").addClass("active");
    </script>
    <?php 
        $sup_c_terms = get_terms("supplier_categoties", array("orderby" => "slug", "parent" => $sup_term->term_id, "hide_empty" => false));
        if($sup_c_terms) :
        foreach($sup_c_terms as $key => $sup_c_term) :
        $tabcontent .='<div role="tabpanel" class="tab-pane" id="'.$sup_term->slug.'">';
        $tabcontent .= $sup_c_term->name;
        $tabcontent .='</div>';
        endforeach;
        endif;
        endforeach; 
    ?></ul>

<div class="tab-content sup_cats_inner">
<div role="tabpanel" class="tab-pane" id="<?php $sup_term->slug ?>">
<?php echo $tabcontent; ?>
<script type="text/javascript">
    jQuery('.sup_cats_inner > :first-child').addClass("active");
</script>

4

1 回答 1

0

以下代码将有所帮助。

<?php $sup_terms = get_terms("supplier_categoties", array("orderby" => "slug", "parent" => 0, "hide_empty" => false)); ?>

<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
    <?php foreach($sup_terms as $key => $sup_term) : ?>
<li role="presentation" class="active"><a href="#<?php echo $sup_term->slug; ?>" aria-controls="<?php echo $sup_term->slug; ?>" role="tab" data-toggle="tab"><?php echo $sup_term->name; ?></a></li>
<?php 
    $tabcontent .='  <div role="tabpanel" class="tab-pane active" id="'.$sup_term->slug.'">...</div>'; // dynamic tab content
endforeach; ?>   </ul>

<!-- Tab panes -->
<div class="tab-content">
    <?php  echo $tabcontent; ?>

</div>
于 2018-01-24T09:40:11.343 回答