WordPress的标签PHP代码破坏显示标签内容

时间:2020-09-01 12:58:54

标签: php wordpress bootstrap-4 tabs

我正在为我的wordpress主题制作模板页面(我在使用betube主题的wordpress 5.5上),并且尝试在标签上显示父类别的每个子类别帖子。

所以我用上面的代码做到了

<nav>
    <div class="nav nav-tabs" id="nav-tab" role="tablist">
        <a class="nav-item nav-link active" id="first-tab" data-toggle="tab" href="#first" role="tab" aria-controls="first" aria-selected="true"><?php esc_html_e( 'View all', 'betube' ); ?></a>
    <?php foreach ($categories as $key => $category){ ?>
        <a class="nav-item nav-link" id="<?php echo $key; ?>-tab" data-toggle="tab" href="#<?php echo $key; ?>" role="tab" aria-controls="<?php echo $key; ?>" aria-selected="false"><?php echo esc_html($category->name); ?></a>
    <?php } ?>
    </div>
</nav>

<div class="tab-content" id="nav-tabContent">
    <div class="tab-pane fade show active" id="first" role="tabpanel" aria-labelledby="first-tab">
        <h3>All Video</h3>
        <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
<?php foreach($categories as $key => $category) { ?>
    <div class="tab-pane fade" id="<?php echo $key; ?>" role="tabpanel" aria-labelledby="<?php echo $key; ?>-tab">
        <h3><?php echo esc_html($category->name); ?></h3>
        <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
<?php } ?>
</div>

但是它不起作用。当我单击选项卡时,它不会显示的内容。

似乎在单击选项卡时,“显示”类不适用于选项卡内容。 如果我将所有PHP替换为静态内容。它运作良好...

我想念的是什么?

Thx

0 个答案:

没有答案
相关问题