加载一个PHP页面到点击菜单上的点击

我有一个导航栏，其中有li项目，如menu1 .... menu5，他们是由类寻址。我有5个PHP文件命名为wrap1 ... wrap5。当我点击一个菜单栏li时，我想在index.php的容器中加载这些文件。我使用加载功能，但徒劳无功。加载一个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>

来源

2012-10-15 Saurabh Shukla

语法错误：它应该是$（” #container'）。fadeIn（'slow'）; – Sibu

哎呀！对不起，即使修复了这个错误，它也不起作用。 :( –

包括top.php或...是不是error.Can你提供的html代码？ – StaticVariable

使用此代码

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

这里是LIVE DEMO

来源

2012-10-15 04:25:45 StaticVariable

我用它，但仍然无法获得所需的输出。 –

可以提供html代码吗？ – StaticVariable

@SaurabhShukla provides the the html代码？不是php – StaticVariable

加载一个PHP页面到点击菜单上的点击

回答

相关问题