0

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

当我单击注销链接时，我无法弄清楚为什么没有任何反应。

4

1 回答 1

1

我认为这应该有效：

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

及说明：http ://bugs.jquery.com/ticket/11203

于 2013-06-17T23:45:12.093 回答