在 PHP Mysql 中使用动态标签

问题描述

我已经解决这个问题有一段时间了，但我似乎无法让它发挥作用。

我一直在尝试创建动态标签。我的数据库中有一个类别表和一个计划表。我正在尝试将“类别”标题显示为选项卡，将计划表显示为我的选项卡内容。

我无法切换标签内容。当我单击选项卡菜单时，类更改为“活动”，但具有该 ID 的选项卡内容 div 未更改为“活动”类。请告诉我如何使活动类切换起作用。

//index.PHP
<!doctype html>
<html lang="en">
<head>
  <Meta charset="utf-8">
  <Meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">

  <title></title>
</head>
<body>

  <section class="pricing-area position-relative pt-100 pb-70">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="pricing-Box-tabs">
                
                    <?PHP include_once("tabs.PHP"); ?>
                    <ul class="nav nav-tabs">
                        <?PHP echo $tab_menu; ?>
                    </ul>
                    <div class="tab-content">
                        <?PHP echo $tab_content; ?>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</section>
  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
  <script src="dist/js/bootstrap.js"></script>
</body>
</html>

//tabs.PHP
    <?PHP

    $connect = MysqLi_connect("localhost","root","","plandata");
    $tab_query = "SELECT * FROM category ORDER BY id ASC";
    $tab_result = MysqLi_query($connect,$tab_query);
    
    
    $tab_menu = '';
    $tab_content = '';
    $i = 0;

    while($row = MysqLi_fetch_array($tab_result)) {
        
        $class=$i==0 ? 'active' : '';
        
        $tab_menu .= sprintf('<li><a class="%s" href="#%s" data-toggle="tab">%s</a></li>',$class,$row['id'],$row['categorytitle'] );
        $tab_content .= sprintf('<div id="%s" class="tab-pane %s">',$class );
        
     
     
        $product_query = "SELECT title,subtitle,feature FROM plan WHERE id = '".$row['id']."'";
        $product_result = MysqLi_query($connect,$product_query);
        
        
        $tab_content .= '<div class="row pricing-Box-wrap justify-content-center">';
         
        while($sub_row = MysqLi_fetch_array($product_result)) {

            $PlanTitle             = $sub_row['title'];
            $SubTitle              = $sub_row['subtitle'];
            $Features              = $sub_row['feature'];
            
            
            $tab_content .= sprintf('
                <div class="col-lg-3 co-md-6">
                    <div class="pricing-Box mb-30">
                        <div class="pricing-head">
                            <h6>%s</h6>
                        </div>
                        <div class="pricing-list">
                            <h5>%s</h5>
                        </div>
                        <div class="collapsed">%s</div>
                    </div>
                </div>
                <div style="clear:both"></div>',$PlanTitle,$SubTitle,$Features
            );
            
            
            $i++;
        }
        
        $tab_content .= '
                
            </div>
        </div>';
        
    }
?>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

database html mysql tabpanel