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

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

javascript php jquery

Javascript 在加载页面上，在一个div中显示一个PHP文件，然后单击在同一个div中显示其他PHP文件,javascript,php,jquery,Javascript,Php,Jquery,我想在加载页面时显示一个PHP文件，并在同一分区中显示其他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 clas

我想在加载页面时显示一个PHP文件，并在同一分区中显示其他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>







$（函数（）{
$（“a.ajax-link”）。在（“单击”上，函数（e）{
e、 预防默认值（）；
$（“#主内容”）.load（this.href）；
});
});

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

试试这个：

<html>
    <head>
        <!-- Jquery -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
        <script>
        $(document).ready(function(){
             $("#main_content").load('http://your.link/');
        });        
        </script>
    </head>
    <body class="">
        <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>

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

    </body>
</html>


$（文档）.ready（函数（）{
$（“#主要内容”）.load（$）http://your.link/');
});

希望这能对你有所帮助：）







//一旦你的页面被加载，它就会加载内容
$（文档）.ready（函数（）{
$（“#主内容”）.load（'菜单链接'）；
});
//它将在点击链接时加载
$（“a.ajax-link”）。在（“单击”上，函数（e）{
e、 预防默认值（）；
$（“#主内容”）.load（this.href）；
});

否。。。首先让我明确一点，我需要在一个div中加载网页时显示菜单页。我想通过单击我的navbarI中的链接来显示同一div中的所有其他PHP文件。我已经尝试了您的代码。它在加载时显示菜单。但是，它不会在点击时显示PHP页面。您能告诉我您在警报框中看到了什么吗<代码>$（“a.ajax-link”）。在（“单击”上，函数（e）{e.preventDefault（）；警报（this.href）；$（“#main_content”）.load（this.href）；}我刚刚将您的jquery放在该div中，它成功了！：我相信您已经删除了

$（function（）{

，对吗？不，我没有从代码中删除任何内容，我只是将您的脚本放在div中

<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>