0

私は、頭にJavaScriptが含まれているforms.phpと呼ばれるページと、fadeinContentsと呼ばれるdivを持っています。Ajaxを使用して、 #sections1

と呼ばれるファイルの一部をこのdivに ロードしましたが、ロードされたコンテンツでJqueryを実行する必要がありますそれらがクリックされると、fadeinContents で。私は他の投稿を読みましたが、よく理解できませんでした..

ここに私のファイル

forms.phpがあります

<html>
  <head>
    <script type="text/javascript" src="scripts/scripts.js"></script>
    <script type="text/javascript" src="scripts/login.js"></script>
  </head>
  <body>
   <div class="login_link">login</div>
   <div class="signup_link">signup</div>

    <div class="fadeinContents">
        <!--Loaded contents goes here -->
    </div>
</html>

ここに私のJqueryがあります

$(document).ready(function(e) {
    $('#fadeinContents').load('forms.php #sections1');

    $('.login_link').click(function(e) {
        $('#fadeinContents').load('forms.php #sections1');
    });

    $('.signup_link').click(function(e) {   
        $('#fadeinContents').load('forms.php #sections2');
    });

    $('.recoverPassword').click(function(e) {
        $('#fadeinContents').load('forms.php #sections3');                     
    });

});

ロードされたファイルを含む

<div class="sections1">
    <div class="signup">
          <!-- Signup Forms Here -->
    </div>
</div>

<div class="sections2">
    <div class="login">
          <!-- loginForms Here -->
    </div>
</div>
<div class="sections3">
    <div class="recoverPassword">
          <!-- recover form Here -->
    </div>
</div>


私の問題は、パスワードの回復クリック機能が読み込まれたために機能しないことです。どうすればこれを機能させることができますか?
事前にt​​hnx..

4

1 に答える 1