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

如何在页面加载时自动聚焦div

2 个答案: