默認使用jquery使第一個選項卡顯示爲活動狀態？

我使用以下代碼來默認顯示第一個選項卡：默認使用jquery使第一個選項卡顯示爲活動狀態？

// SELECT OUR FIRST TAB BY DEFAULT 
$('.tabs-nav LI:first').addClass('active'); 
$('.tabContent').hide(); 
$('.tabContent:first').show(); 

// FORWARD TAB LI CLICKS TO TAB A CLICKS 
$('.tabs-nav LI').click(function(e){ 
    e.preventDefault(); 
    $(this).find('A').click(); 
    return false; 
}); 

// INTERCEPT TAB A CLICKS TO SET THE ACTIVE TAB AND SHOW TAB PANEL. 
$('.tabs-nav LI A').click(function(e){ 
    e.preventDefault(); 
    $('.tabs-nav LI').removeClass('active'); 
    $('.tabContent').hide(); 
    $(this).parent().addClass('active'); 
    var sID = $(this).attr('href'); 
    sID = sID.split('#').join(''); 
    $('#' + sID).fadeIn(400, function() { 
     $(window).trigger('resize'); 
    }); 
    return false; 
});

}）;

，這裏是我的顯示代碼的標籤：

 <?php 
     $aerialSlider = do_shortcode('[property_attribute attribute=aerial_slider]'); 
     $propertySlider = do_shortcode('[property_attribute attribute=property_slider]'); 
     $lodgecabinSlider = do_shortcode('[property_attribute attribute=lodgecabin]'); 
     $wildlifeSlider = do_shortcode('[property_attribute attribute=wildlife_slider]'); 
     $videosSlider = do_shortcode('[property_attribute attribute=videos_slider]'); 
    ?> 

    <div class="tabs"> 
     <h1>PHOTO GALLERY</h1> 
     <ul class="tabs-nav"> 
      <?php if(empty($aerialSlider)) { 
       } else { 
        echo '<li><a href="#tab1" >AERIALS</a></li>'; 
       } 
      ?> 
      <?php if(empty($propertySlider)) { 
       } else { 
        echo '<li><a href="#tab3" >PROPERTY</a></li>'; 
       } 
      ?> 
      <?php if(empty($lodgecabinSlider)) { 
       } else { 
        echo '<li><a href="#tab2" >LODGE/CABIN</a></li>'; 
       } 
      ?> 
      <?php if(empty($wildlifeSlider)) { 
       } else { 
        echo '<li><a href="#tab4" >WILDLIFE</a></li>'; 
       } 
      ?> 
      <?php if(empty($videosSlider)) { 
       } else { 
        echo '<li><a href="#tab5" >VIDEOS</a></li>'; 
       } 
      ?> 
     </ul>

如果做到了這一點，因此用戶可以插入顯示在所有的簡碼的作用是顯示一個畫廊的標籤簡碼。然後我創建它，如果在該字段的元框中沒有放置任何內容，則不會顯示選項卡。在沒有任何內容的情況下顯示標籤沒有意義。問題是，當第一個標籤元字段中沒有插入任何內容時，圖庫空間會摺疊。如果我點擊一個標籤，它會顯示出來。

這個問題似乎是jQuery的目標是第一個選項卡，但我需要第一個可見選項卡作爲默認選項卡。我希望我的問題清楚。誰能幫我？當談到jQuery時，我是一個noob，所以任何幫助表示讚賞。

在此先感謝！

來源

2013-03-13 graphical_force