Показать базу данных только с определенным идентификатором

Question

У меня есть этот код для отображения всех данных в моей базе данных:

<?php foreach($alldatas as $data): ?>
    <div class="col-md-4">
        <div class="card">
            <div class="content">
                <h3><?php echo $data['data_name'];?></h3>
                <div class="footer text-center">
                <?php echo $data['data_version'];?>
                </div>
            </div>
        </div>
    </div>
<?php endforeach; ?>

Этот код отлично работает, чтобы показать все мои данные с различными data_name и data_version.Но я хочу, чтобы данные отображались только с определенным идентификатором.

Поэтому я хочу, чтобы они работали с загрузочными navtabs:

<div class="col-md-12">
    <ul class="nav nav-pills nav-tabs nav-justified" role="tablist">
        <li role="presentation" class="active"><a href="#pro" aria-controls="pro" role="tab" data-toggle="tab">Pro</a></li>
        <li role="presentation"><a href="#middle" aria-controls="middle" role="tab" data-toggle="tab">Middle</a></li>
        <li role="presentation"><a href="#low" aria-controls="low" role="tab" data-toggle="tab">Low</a></li>
    </ul>
</div>

<?php foreach($alldatas as $data): ?>
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane fade in active" id="pro">
            <?php if($data['id'] == "2" | $data['id'] == "3" | $data['id'] == "4"){?>
                <div class="col-md-4">
                    <div class="card">
                        <div class="content">
                            <h3><?php echo $data['data_name'];?></h3>
                            <div class="footer text-center">
                            <?php echo $data['data_version'];?>
                            </div>
                        </div>
                    </div>
                </div>
            <?php } ?>
        </div>

        <div role="tabpanel" class="tab-pane fade" id="middle">
            <?php if($data['id'] == "5" | $data['id'] == "6" | $data['id'] == "7"){?>
                <div class="col-md-4">
                    <div class="card">
                        <div class="content">
                            <h3><?php echo $data['data_name'];?></h3>
                            <div class="footer text-center">
                            <?php echo $data['data_version'];?>
                            </div>
                        </div>
                    </div>
                </div>
            <?php } ?>
        </div>
    </div>
<?php endforeach; ?>

Но это только показывает данные с идентификатором 1,2,3, когда я пытаюсь нажать на другие вкладки.Как это исправить?

Answer 1

У вас есть цикл foreach для "tab-content", что неправильно, на самом деле, он создаст так много "tab-content", и это не требуется.Вы ДОЛЖНЫ цикл для содержимого, а не "tab-content".

Итак, первое исправление будет следующим:

 <div class="tab-content">

    <div role="tabpanel" class="tab-pane fade in active" id="pro">
        <?php foreach($alldatas as $data): ?>
            <?php if($data['id'] == "2" | $data['id'] == "3" | $data['id'] == "4"){?>
                <div class="col-md-4">
                    <div class="card">
                        <div class="content">
                            <h3><?php echo $data['data_name'];?></h3>
                            <div class="footer text-center">
                                <?php echo $data['data_version'];?>
                            </div>
                        </div>
                    </div>
                </div>
            <?php } ?>
        <?php endforeach; ?>
    </div>

    <div role="tabpanel" class="tab-pane fade" id="middle">
        <?php foreach($alldatas as $data): ?>
            <?php if($data['id'] == "5" | $data['id'] == "6" | $data['id'] == "7"){?>
                <div class="col-md-4">
                    <div class="card">
                        <div class="content">
                            <h3><?php echo $data['data_name'];?></h3>
                            <div class="footer text-center">
                                <?php echo $data['data_version'];?>
                            </div>
                        </div>
                    </div>
                </div>
            <?php } ?>
        <?php endforeach; ?>
    </div>
</div>

Это решит вашу проблему, однако, если она все еще не устранена, вы можете реализовать функцию jquery для настраиваемого переключения «активного» класса.(Тем не менее, сначала исправьте положение «foreach», как показано выше).