php - PHP - 标签面板不显示
问题描述
我的 PHP 代码有问题,现在已经工作了几天,所以如果你能帮助我,那将非常高兴!
我有一个包含两个表的数据库:项目和类别,两者都与类别数量有关系(也许这是 pb,我试图修改关系,但同样没有解决 pb )
我正在尝试创建的站点是选项卡面板形式,但是如果我的页面可以正常工作并显示第一个菜单选项卡,并且下面有正确的内容,那么当我单击其他选项卡时不会发生任何事情。
谢谢你的帮助。
我的代码:
<body>
<div class="container site">
<h1 class="title"><i class="bi bi-lightning"></i> Burger Code <i class="bi bi-lightning"></i></h1>
<?php
require 'Admin/database.php';
echo '<nav>
<ul class="nav nav-pills red" id="myTab">';
$db = Database::connect();
$statement = $db->query('SELECT * FROM categories');
$categories = $statement->fetchAll();
foreach($categories AS $category)
{
if($category['id'] == '1')
echo '<li class="nav-item"><a class="nav-link active" data-bs-toggle="tab" href=" #'. $category['id'] . '" >'. $category['name'] . '</a></li>';
else
echo '<li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#'. $category['id'] . '" >'. $category['name'] . '</a></li>';
}
echo '</ul> </nav>';
echo '<div class="tab-content" id="myTabContent">';
foreach ($categories AS $category)
{
if($category['id'] == '1')
echo '<div class="tab-pane active" role="tabpanel" id="' . $category['id'] .'">';
else
echo '<div class="tab-pane" role="tabpanel" id="' . $category['id'] .'">';
echo '<div class="row">';
$statement = $db->prepare('SELECT * FROM items WHERE items.category = ?');
$statement->execute(array($category['id']));
while ($items = $statement->fetch())
{
echo '<div class="col-md-6 col-lg-4">
<div class="thumbnail">
<img src="Images/' . $items['image'] . '" style="width:100%" alt="...">
<div class="price">' . number_format($items['price'], 2, '.', ''). ' €</div>
<div class="caption">
<h4>' . $items['name'] . '</h4>
<p>' . $items['description'] . '</p>
<a href="#" class="btn btn-order" role="button"><i class="bi bi-cart"></i> Commander</a>
</div>
</div>
</div>';
}
echo '</div>
</div>';
}
Database::disconnect();
echo '</div>';
?>
</div>
解决方案
我找到了解决方案,我修改了选项卡指向的 id 并将“类别名称”而不是“类别 id”。也许它是数字的事实导致了问题。_ 问题解决了 _
推荐阅读
- javascript - 使用 jQuery 或 JavaScript 在当前视图中滚动时如何在 HTML 表中添加和删除而不影响当前视图中的元素
- c - 无法弄清楚手册中的 epoll 示例
- scala - 在 Spark 中按交替序列分组
- python - Python Pandas:遍历日期并将它们作为新行添加到数据框中?
- regex - 如何用 awk 替换 .env 文件中的值?
- sql - 从源表中获取当前 SQL 中使用的所有列的方法
- c# - 在 C# 表单中擦除图形?
- r - 如何将列表转换为数字
- angular - 我的 Angular 8 NPM 包没有找到自己的资产
- javascript - 同一行不同列(jQuery)