jquery - 单击菜单的 li 将 php 页面加载到 div

Question

我有一个导航栏，其中包含诸如 menu1....menu5 之类的 li 项目，它们是按班级处理的。我有 5 个名为 wrap1...wrap5 的 php 文件。当单击菜单栏 li 之一时，我想将这些文件加载​​到 index.php 的容器中。我使用了加载功能，但徒劳无功。

    $('.menu1').click(function(){
       $('#container').load('views/wrap2.php', function() {
       $('#container').fadeIn('slow') ;
   });
});

同样在 index.php 中，我包括所有必要的页面，如 top.php、navbar.php、body.php 和 footer.php。有这个问题吗？？？

编辑 - -

这是 index.php

<?php
   require ('views/top.php') ;
   require ('views/quick.php') ;
   require ('views/navbar.php') ;
   echo '<div id="container">';
   echo '</div>';

   require ('views/footer.php') ;

?>

<div id="tabs">
<ul>
    <a href="views/wrap1.php"><li class="wrap1"> Home &nbsp&nbsp </li></a>
    <a href="views/wrap2.php"><li class="wrap2"> Packages</li></a>
    <a href="views/wrap3.php"><li class="wrap3"> Clients &nbsp </li></a>
    <a href="views/wrap4.php"><li class="wrap4">  Creations</li></a>
    <a href="views/wrap5.php"><li class="wrap5"> Reach Us &nbsp </li></a>
</ul>

</div>

Answer 1

使用此代码

$(document).ready(function(){
     $('#tabs li').click(function(){
     $('#container').load('views/'+$(this).attr("class")+'.php', function() {
        $('#container').fadeIn('slow') ;
       });
        return false;
    });
})

这是现场演示