加載一個PHP頁面到點擊菜單上的點擊

Question

我有一個導航欄，其中有li項目，如menu1 .... menu5，他們是由類尋址。我有5個PHP文件命名爲wrap1 ... wrap5。 當我點擊一個菜單欄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; 
    }); 
}) 

這裏是LIVE DEMO