简单的登录系统spa / php / mysql / jquery

我正在尝试创建一个简单的登录系统 – 我已经得到了我的用户能够登录并查看他的个人资料页面。 我正在尝试使链接在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

  
Login Successful
 
Username: 
 
 Log out  

当我点击退出链接时，我无法弄清楚为什么没有任何反应。

Answer 1

我认为这应该有效：

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

并解释： http ： //bugs.jquery.com/ticket/11203