2016-05-27 21 views
0

私はajax呼び出しで表示されるメインページとサブページを持っています。アニメーションは2番目のajaxコールでは機能しません

$(document).ready(function(){ 
    $(".transactions").on("click", function (something) { 
    something.preventDefault(); 
    $(".alltransactions").hide().show(); 
    }); 

    $(".alltransactions").on("click", function (something2) { 
    something2.preventDefault(); 
    $(".alltransactions").hide(); 
    }); 
}); 

しかし、私は戻って、AJAXを介してメインページや負荷のサブページに行くと、再び上記のアニメーションはもう動作しません:私はメニューをクリックして、私はうまく機能しているの内側にこのアニメーションを持つサブページをロード 。私はページ全体をリフレッシュして、再び動作させる必要があります。問題はどこだ?

+1

我々は持つことができますデモ ? – Rayon

+2

これは 'document.ready function'でこれをしているからです。アニメーションを関数に入れ、 'document.ready function'と' ajax success/complete'関数で関数を呼び出します。 –

+0

ありがとう..今は動作しますが、成功呼び出しの関数を呼び出す以外の方法がありますか? – 120382833

答えて

0

あなたが関数内でクリックイベントがあなただけの自分の成功の機能でこれを呼び出すことによって、これら2つのイベントがトリガすることができることを意味ラッピングをご希望いけない場合...

のjQuery:

 $.ajax({ 
     url: '', 
     data: , 
     success: function (response) { 
      $(".transactions").click(); 
      $(".alltransactions").click(); 
     }, 
     error: function() { 

     } 
    }); 
+0

私はすべてをsubpage.phpに保存したいので、main.php上の関数を呼び出す必要はありません(サブページは常にajax経由でロードされます)。 – 120382833

+0

私はちょうど提案しましたあなたはあなたのコメントで尋ねたようにそれを達成するもう一つの方法を.. –

関連する問題