Navigating Bootstrap Tabs über PHP

Question

Ich bin mit Bootstrap ‚Tab‘ an einem Projekt und versuchen, sich gegen Registerkarten zu setzen <li class ="active"></li> dynamisch über PHP. Es ist mir gelungen, die Klasse "aktiv" zu machen und die spezifische Registerkarte anzuzeigen, die ich sichtbar haben möchte.

aber das Problem ist, auch wenn die Reiter und die entsprechenden Panel-Register richtig angezeigt wird auf dem Bildschirm verschwindet der Inhalt in der Registerkarte Panel. Wenn ich manuell hin und her gehen und versuchen, den Tabs navigieren noch kann ich sehen, der Inhalt ist immer noch da.

Was fehlt mir hier? Hier

ist der Code-Snippet für eine Registerkarte:

<li role="presentation" class="<? if(!empty($status2)) echo $status2; ?>"> 
     <a href="#tab2" aria-controls="profile" role="tab" data-toggle="tab"> 
     <div class="cont2"> 
      <? if(!empty($block2)) echo $block2; ?> 
     </div> 
     </a> 
    </li> 

und der entsprechende Code für das Registerfeld:

 <div role="tabpanel" class="tab-pane if(!empty($status2)) echo $status2; ?>" id="tab2"> 
     <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post"> 
      <input type="text" id="txt2" name="txt2" placeholder="Sample text in Page 2"> 
      <input type="submit" id="send2" name="send2" value="ClickMe"> 
     </form> 
     </div> 

Answer 1

Es Sie Fehler haben in dieser Linie scheint:

<div role="tabpanel" class="tab-pane if(!empty($status2)) echo $status2; ?>" id="tab2"> 

auf dem ersten Render-Panel erscheint nicht, weil es nicht entsprechende Klasse hat. Wenn Sie auf Registerkarten klicken, wird der Klassensatz richtig ausgerichtet.

beheben den Fehler, und es sollte gut gehen.

<div role="tabpanel" class="tab-pane <?php if(!empty($status2)) echo $status2; ?>" id="tab2">