使用onclick在div中包含页面

时间:2013-11-19 14:24:48

标签: php html include require

我想将一些页面包含在div中,但我不知道如何。有问题的代码在

下面

我想在内容div中包含一个页面,所以当我点击导航栏中的联系人时,需要在index.php的内容div中加载contact.php,当我在导航栏中点击关于我们时.php页面包含在index.php的内容div ..

<html>
   <body>
     <div id="navbar">
       <ul>
         <li>
            home
         </li>
         <li> 
            about us
         </li>
         <li>
            contact
         </li>
       <ul>
     <div id="content">
         <!--so when the user clicks on contact us there needs 
             to be an include in this div wich includes the contactus.php page.
         -->
         <?php include 'contactus.php'; ?>
     </div>
   </body>
</html>

1 个答案:

答案 0 :(得分:0)

如下所示重新编码

 <ul>
             <li id="home">
                home
             </li>
             <li id="aboutus"> 
                about us
             </li>
             <li id="contact">
                contact
             </li>
           <ul>

   $(document).ready(function(){
  $("#home").click(function(){
    $("#content").load("home.php");
  });
});

same for contact and aboutus