如何自動對焦一個div在頁面加載

Question

我有這樣的代碼....

<div id="details"> 
        <nav> 
          <a href="#1"><span>Summary</span></a> 
          <a href="#2"><span>Personal</span></a> 
        </nav> 
       </div> 

     <div id="1" class="navLinks"> <?php include 'includes/i_includes/summary.php';?> </div> 
     <div id="2" class="navLinks"> <?php include 'includes/i_includes/info.php';?> </div> 

，然後我也有這個腳本

<script type="text/javascript"> 

     $('nav a').click(function() { 

      $('.navLinks').hide(); 
      $(this.getAttribute('href')).show() 
     }); 


     </script> 

我想就這樣在頁面加載...摘要的內容會自動顯示..

Answer 1

可以使用.filter().click()

$('nav a').click(function() { 
    $('.navLinks').hide(); 
    $(this.getAttribute('href')).show() 
}).filter('[href="#1"]').click(); 

Working Demo

，或者您可以使用.eq().click();

$('nav a').click(function() { 
    $('.navLinks').hide(); 
    $(this.getAttribute('href')).show() 
}).eq(0).click(); 

Working Demo

Answer 2

使用此sricpt：

$(document).ready(function() { 
$("#yourdivid").show(); 
}); 

檢查以下鏈接：

Show div after 2 seconds of page load

Hide div with specific class while page is loading then show again after load