jquery/ajax登录表单在登录或登录失败时翻转

我使用以下ajax和jquery脚本登录我的用户。当用户输入登录详细信息并点击submit时，表单的div元素将翻转

然后，代码检查是否成功登录或尝试失败

代码：

函数submitForm（）{
var myusername=$（“#myusername”）.val（）；
var mypassword=$（“#mypassword”）.val（）；
如果（myusername==null | | myusername==“”| | mypassword==null | | mypassword==“”）{
如果（myusername==null | | myusername==“”）{document.forms[“form”][“myusername”].style.border=“2px solid#963634”}
如果（mypassword==null | | mypassword==“”）{document.forms[“form”][“mypassword”].style.border=“2px solid#963634”}
$（“.home_列”）。效果（“震动”）；
}否则{
//当输入的信息存储在数据库中时，返回成功的数据提交消息。
$.post（“include/validate_login.php”{
username1:myusername，
密码1:mypassword
}，函数（数据）{
if（data.indexOf（“登录错误”）>=0）{
$（“.home\u列”）.flip({
方向：'lr'，
颜色：“rgba（0,0,0,0.2）”，
内容：'不正确的登录详细信息'
})  
设置超时(
函数（）
{
$（“.home_列”）.revertFlip（）
}，2500）；}其他{
if（data.indexOf（“登录失败”）>=0）{
$（“.home\u列”）.flip({
方向：'lr'，
颜色：“rgba（0,0,0,0.2）”，
内容：“密码不正确
忘记了密码？
再试一次”
})  
$（'clicker'）.live（'click'，函数（e）{
$（“.home_列”）.revertFlip（）
})
}否则{
if（data.indexOf（“block_login”）>=0）{
$（“.home\u列”）.flip({
方向：'lr'，
颜色：“rgba（138，138，138，0.2）”，
内容：'帐户已被阻止'
})  
设置超时(
函数（）
{
$（“.home_列”）.revertFlip（）
}，2500）；}其他{
if（data.indexOf（“login\u blocked”）>=0）{
$（“.home\u列”）.flip({
方向：'lr'，
颜色：“rgba（138，138，138，0.2）”，
内容：'accountblocked'
})  
设置超时(
函数（）
{
$（“.home_列”）.revertFlip（）
}，2500）；}其他{
if（data.indexOf（“登录成功”）>=0）{
$（“.home\u列”）.flip({
方向：'lr'，
颜色：“rgba（138，138，138，0.2）”，
内容：“你好”+数据。子字符串（13）+“准备仪表板”
}) 
设置超时(
函数（）
{
window.location='dashboard.php'；
}, 4500);
} } } } }
$（'#form'）[0].reset（）；//重置表单字段的步骤
});
}
}
$（文档）.ready（函数（）{
$（文档）.on（'keypress'，函数（e）{
如果（e.which==13）{
e、 预防默认值（）；
submitForm（）；
}
});
});
$（文档）.ready（函数（）{
$（文档）。在（'按键单击'，'提交'）功能上（e）{
e、 预防默认值（）；
submitForm（）；
});
});

我的问题在代码的这一部分：

if (data.indexOf("login_fail") >= 0){
$(".home_column").flip({
    direction:'lr',
        color: 'rgba(0, 0, 0, 0.2)',
            content:'<h211>Incorrect Password</h211><br/><h21>Forgot Your password?</h21><br/><div id="clicker">Try Again</div>'
})  

$('#clicker').live('click', function(e) {  
       $(".home_column").revertFlip()
    })

if（data.indexOf（“登录失败”）>=0）{
$（“.home\u列”）.flip({
方向：'lr'，
颜色：“rgba（0,0,0,0.2）”，
内容：“密码不正确
忘记了密码？
再试一次”
})  
$（'clicker'）.live（'click'，函数（e）{
$（“.home_列”）.revertFlip（）
})

当用户输入正确的用户名但密码错误时，它会返回我的数据“登录\失败”

这会告诉脚本用户输入了正确的用户名，但密码错误

此时，div翻转过来，询问用户是否忘记了密码，并给他们恢复密码的选项。我还有一个重试按钮，允许用户将div翻转回登录表单并重试

如果用户单击我的div id#clicker，我很难尝试在click函数上触发revert-flip调用

有人能告诉我哪里出了问题吗？ 感谢

从jQuery 1.7开始，.live（）方法已被弃用。使用.on（）附加事件处理程序。较旧版本的jQuery用户应优先使用.delegate（）而不是.live（）。从jQuery 1.7开始，.live（）方法已被弃用。使用.on（）附加事件处理程序。较旧版本的jQuery用户应优先使用.delegate（）而不是.live（）。从jQuery 1.7开始，.live（）方法已被弃用。请使用.on（）附加事件处理程序。较旧版本的jQuery用户应优先使用.delegate（）而不是.live（）。

if (data.indexOf("login_fail") >= 0){
$(".home_column").flip({
    direction:'lr',
        color: 'rgba(0, 0, 0, 0.2)',
            content:'<h211>Incorrect Password</h211><br/><h21>Forgot Your password?</h21><br/><div id="clicker">Try Again</div>'
})  

$('#clicker').live('click', function(e) {  
       $(".home_column").revertFlip()
    })