простая система входа в систему spa/php/mysql/jquery

Question

Я пытаюсь создать простую систему входа в систему - я дошел до того, что мой пользователь смог войти в систему и посмотреть его страницу профиля. Я пытаюсь сделать ссылку работу в шаблоне login_success.php ... прямо сейчас он просто добавляет «#» в URL (потому что я использую, что в качестве держателя место

Вот мой код:.

JS/application.js

$(document).ready(function() { 
    $("#main").load("templates/indexforms.php", function() { 
     $("#login").submit(function(e) { 
      e.preventDefault(); 
      $.post("checklogin.php", $(this).serialize(), function() { 
       $("#main").load("templates/login_success.php"); 
       $("#login").remove(); 
       $("#register").remove(); 
      }); 
     }); 

     $("#register").submit(function(e) { 
      e.preventDefault(); 
      $.post("checkreglogin.php", $(this).serialize(), function(){ 
       $("#main").load("templates/login_success.php"); 
       $("#login").remove(); 
       $("#register").remove(); 
      }); 
     }); 
    }); 


    $("#loginlinkdiv a").click(function(event) { 
     event.preventDefault(); 
     $("#main").empty(); 
     $("#main").load("templates/logout.php"); 
    }); 

    $("#logoutlinkdiv a").click(function(event) { 
     event.preventDefault(); 
     $("#main").empty(); 
     $("#main").load("templates/indexforms.php"); 
    }); 
}); 

шаблоны/login_success.php

<?php 
session_start(); 

if($_SESSION['username'] === null){ 
    header("location: ../index.php"); 
} 
?> 

<h1>Login Successful</h1> 
<h2>Username: <? echo $_SESSION['username']?></h2> 
<div id="logoutlinkdiv" > 
    <a href = "#" >Log out</a> 
</div> 

Я не могу понять, почему ничего не происходит, когда я нажимаю бревно из ссылки.

Answer 1

Я думаю, что это должно работать:

$(document).on("click", "#logoutlinkdiv a", function(e) { 
e.preventDefault(); 
    alert('logout button clicked'); 
}); 

И объяснение: http://bugs.jquery.com/ticket/11203