javascript - 在加载页面上，在 div 中显示 PHP 文件，然后单击在同一 div 中显示其他 PHP 文件

Question

我想在加载页面时显示一个 PHP 文件，并在同一 div 中显示其他 PHP 文件。这是我的代码...

<ul id="nav" class="nav">
   <li><a class="ajax-link" href="menu.php">Menu</a></li>
   <li><a class="ajax-link" href="#">History</a></li>
   <li><a class="ajax-link" href="editdetails.php">Details</a></li>
   <li class="last"><a href="logout.php">Logout</a></li>
</ul> <!-- end #nav -->

<div class="page" id="main_content">
   <script type="text/javascript">
     $(function() {
       $("a.ajax-link").on("click", function(e) {
         e.preventDefault();
         $("#main_content").load(this.href);
       });
     });
    </script>
</div>

此代码仅在单击后显示页面，但是我想在加载自身时显示菜单页面。帮助我。

Answer 1

<ul id="nav" class="nav">
    <li><a class="ajax-link" href="menu.php">Menu</a></li>
    <li><a class="ajax-link" href="#">History</a></li>
    <li><a class="ajax-link" href="editdetails.php">Details</a></li>
    <li class="last"><a href="logout.php">Logout</a></li>    
</ul> <!-- end #nav -->

<div class="page" id="main_content"></div>

<script type="text/javascript">
    //It will load content once your page get load
    $(document).ready(function(){
         $("#main_content").load('MENU_LINK');
    });

    //It will load on clicking of links
   $("a.ajax-link").on("click", function(e) {
         e.preventDefault();
         $("#main_content").load(this.href);
   });        
</script>