0

menu1....menu5 のようなアイテムを含むナビゲーション バーがあり、それらはクラスによってアドレス指定されます。wrap1...wrap5 という名前の 5 つの php ファイルがあります。メニューバーのliがクリックされたときにindex.phpのコンテナにそれらのファイルをロードしたい。load 関数を使用しましたが無駄でした。

    $('.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>
4

1 に答える 1

1

このコードを使用

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

ライブデモはこちら

于 2012-10-15T04:25:45.347 に答える