0

3 つの外部ページ ( inicio.php、perfil.phpおよびprodutos.php) があります。#contaMenuEsqそして、 をクリックすると、それらが動的にそれぞれに表示されるようにしたいと思います"li"。

fadeInこれら 3 つのリンク間を移動するときにとfadeOutエフェクトを使用するつもりなので、jQuery を使用したいと思います。

index.php

<div id="contaMenuDir">
  <div id="contaMenuOpcoes">
    <ul>
      <li id='inicio'>Inicio</li>
      <li id='perfil'>Perfil</li>
      <li id='produtos'>Produtos</li>
    </ul>
  </div>
</div>
<div id="contaMenuEsq"></div>

よろしくお願いいたします。

4

1 に答える 1

3

jQuery.load()とfadeInをチェックアウトしましたか?

$('#contaMenuDir').on('click','li',function(){
    var text = this.attr('id');
    $('#contaMenuEsq').load(text+'.php',function(){
        //run fade here
    });
});

代わりにについて読むことをお勧めしますget()。コンテンツを動的にロードした後のアクションをより詳細に制御できます。

于 2012-05-06T23:10:17.930 に答える