2012-04-25 20 views
2

jqueryを使用してdivコンテナ内にページの内容を読み込むjavascriptメソッドを作成していますが、正しく動作しますが、div内の任意のボタンをクリックすると新しいページにリダイレクトされますか?jqueryを使用してdiv内のページを読み込む

方法です:

<script type="text/javascript"> 
      $('a').click(function() { 
       var page = $(this).attr('href'); 
       $("#content").fadeOut('slow', function(){ 
        $("#content").load(page, function() { 
         $(this).fadeIn('slow'); 
        }); 
       }); 
       return false; 
      }); 
     </script> 

誰もがこの問題を解決することができますか?

+1

あなたはjsfiddleを提供できますか? – gopi1410

答えて

2

あなたはそれが

$('a').live('click', function(){}); 

は基本的にすべてのタグも、新しく作成されたものに結合する生きて動作するはずですあなたの代わりにこれを使用する場合はクリックを使って、後で作成されたページloadnotのものにのみ要素の存在を結合しています。

0

代わりにiframeを使用してください。 divのようなページを使用すると、ページをロードせずにコンテンツをロードするだけです。

+0

しかし、iframeにfadeIn/fadeOutエフェクトを保存することはできますか?重要だから –

+0

私は知らない、あなた自身でそれを試すことができます。 ^^。あなたの結果を待っている – TPL

関連する問題