引導程序選項卡內的Wordpress循環

我正在嘗試在選項卡組中選項卡的一側進行循環調用。這些選項卡來自引導程序，唯一的一點是當頁面首次加載時，循環不會，您必須單擊選項卡才能加載內容。有什麼方法可以確保循環在頁面加載時加載嗎？引導程序選項卡內的Wordpress循環

對於上下文，這是一個圖書館網站，內容是新圖書/音樂/電影列出的圖像左對齊，標題/作者在右邊。

這是我正在使用的代碼。

<div class="span4 pull-right"> 
    <h2 style="font-weight:200;">New At The Library</h2> 
<ul class="nav nav-tabs" id="myTab"> 
    <li class="active"><a href="#books" data-toggle="tab"><h5 style="margin:0;"><i class="icon-book"></i> New Books</h5></a></li> 
    <li><a href="#cds" data-toggle="tab"><h5 style="margin:0;"><i class="icon-music"></i> New Music</h5></a></li> 
    <li><a href="#movies" data-toggle="tab"><h5 style="margin:0;"><i class="icon-film"></i> New Films</h5></a></li> 
</ul> 
<div class="tab-content"> 
<div class="tab-pane" id="books"> 
<?php query_posts(array ('category_name' => 'new-books', 'posts_per_page' => -3)); ?> 

<?php while (have_posts()) : the_post();?> 
    <ul class="unstyled"> 
     <li class="clearfix"> 
      <?php echo get_the_post_thumbnail($page->ID, $arraySIZE = array('' => 120,80), array('class' => 'img-polaroid')); ?> 
      &nbsp; 
      <h4 class="pull-right" style="margin:0;"><?php the_content();?></h4> 
     </li> 
      <hr> 
    </ul> 
<?php endwhile; ?> 

</div> 


<div class="tab-pane" id="cds"> 
<?php query_posts(array ('category_name' => 'new-music', 'posts_per_page' => -3)); ?> 

<?php while (have_posts()) : the_post();?> 
    <ul class="unstyled"> 
     <li class="clearfix"> 
      <?php echo get_the_post_thumbnail($page->ID, $arraySIZE = array('' => 80,80), array('class' => 'img-polaroid')); ?> 
      &nbsp; 
      <h4 class="pull-right" style="margin:0;"><?php the_content();?></h4> 
     </li> 
      <hr> 
    </ul> 
<?php endwhile; ?> 

</div> 
<div class="tab-pane" id="movies"> 

<?php query_posts(array ('category_name' => 'new-movies', 'posts_per_page' => -3)); ?> 

<?php while (have_posts()) : the_post();?> 
    <ul class="unstyled"> 
     <li class="clearfix"> 
      <?php echo get_the_post_thumbnail($page->ID, $arraySIZE = array('' => 120,80), array('class' => 'img-polaroid')); ?> 
      &nbsp; 
      <h4 class="pull-right" style="margin:0;"><?php the_content();?></h4> 
     </li> 
      <hr> 
    </ul> 
<?php endwhile; ?> 

</div> 
</div>

來源

2013-12-09 Peter Binks

歡迎來到SO！你能否在你的問題中包含你的代碼，這將使我們能夠更好地幫助你？ – Derek

我想你可能必須聲明其中一個選項卡窗格爲活動狀態。我在引導3構建這樣做同樣的事情，我能夠加載循環這樣...

，只需加上「積極」到第一個選項卡窗格的div類，像這樣：

<div class="tab-pane active" id="books">

應該做的伎倆。

來源

2013-12-18 00:09:55

是的。那就是它。非常感謝！ –

引導程序選項卡內的Wordpress循環

回答

相關問題