PHP, в то время как содержимое цикла невидимо внутри вкладки Bootstrap, когда вкладка изменяется, а затем возвращается обратно, содержимое цикла становится видимым - PullRequest
Новая
       12

PHP, в то время как содержимое цикла невидимо внутри вкладки Bootstrap, когда вкладка изменяется, а затем возвращается обратно, содержимое цикла становится видимым

0 голосов
/ 09 декабря 2018

Вот две вкладки: «Продукты» и «Корзина»: 

<div class="container" style="width: 800px">
<ul class="nav nav-tabs">
    <li><a data-toggle="tab" href="#products" role="tab" class="nav-link 
    active">Products</a></li>

    <li><a class="nav-link" data-toggle="tab" href="#cart" 
    role="tab">Cart</a></li>
</ul>

Моя проблема в том, что данные, которые цикл извлекает из моей базы данных, не отображаются на экране при загрузке страницы,Однако, когда я меняю вкладки на «Корзину», а затем снова на «Продукты», данные отображаются так, как должны.

Это цикл и делители, в которые будет переходить информация о продукте: 

<div class="tab-content">
    <div id="products" class="tab-pane fade in active" role="tabpanel">
       <?php while ($product = mysqli_fetch_assoc($featured)): ?>
           <div class="col-md-4" style="margin-top:12px; ">
               <div style="border:1px solid #333; background-color: #f1f1f1; 
                ">

                   <img src="<?= $product['image'];?>" height="150" 
                   width="150">

                   <h4 class="text-info"><?php echo $product['title'];?> 
                   </h4>

                   <input type="hidden" id="name<?=$product['id'];?>" 
                   name="hidden_name" value="<?=$product['title'];?>">

                   <input type="hidden" id="price<?=$product['id'];?>" 
                   name="hidden_price" class="hidden_price" value="<? 
                   =$pric;?>">

                   <input type="button"  class="btn btn-warning form- 
                   control"name="cartbtn" id="<?=$product['id'];?>" 
                   value="Quick Add-to-Cart">

              </div>
          </div>
       <?php endwhile;?>

Как я уже говорил ранее, данные есть, они просто не отображаются при загрузке страницы.

Вот вкладка корзины (примечание: следующий код все еще находится в родительских элементах div *)1011 *): 

    <div id="cart" class="tab-pane fade" role="tabpanel">
        <div class="table-responsive" id="order_table">
            <table class="table table-bordered">
                <tr>
                    <th width="40%">Product Name</th>
                    <th width="10%">Quantity</th>
                    <th width="20%">Price</th>
                    <th width="15%">Total</th>
                    <th width="5%">Action</th>
                </tr>
            </table>
        </div> 
    </div>
</div>  
</div>

Также я использую Bootstrap 4.1.3

...