Question

我在我的cms文件上有这个jquery函数：

/* ************************************* */

// JQuery Function calls:

$(document).ready(function(){

    // Fade message
    $(".message").css({display: "none"}).fadeIn(1000);


    // Show/Hide table details (Plugin Management page and similar tables)
    $(".table_drop_down").click(function () {
        var target = $(this).parents("tr").next("tr");
        target.fadeToggle();
        return false;
    });

    // Hide table details (Plugin Management page and similar tables)
    $(".table_hide_details").click(function () {
        $(this).parents("tr.table_tr_details").fadeOut();
        return false;
    });  

    // Show/Hide forgot password form
    $(".forgot_password").click(function () {
        var target = $("#forgot_password_form");
        target.fadeToggle();
        return false;
    });  

    // Show/Hide generic
    $(".show_hide").click(function () {
        var target = $(".show_hide_target");
        target.fadeToggle();
        return false;
    });

});

// Show/Hide forgot password form突然停止工作。

这是php文件的一部分，其名称为：

<a href="#" class="forgot_password">Forgot password?</a>
<form id="forgot_password_form" style="display: none;" name='forgot_password_form' action='<?php echo BASEURL; ?>index.php' method='post'>
    <?php echo $h->lang['user_signin_login_forgot_password_submit_instruct_1']; ?>
<table>
    <tr>
    <td><?php echo $h->lang["user_signin_account_email"]; ?>&nbsp; </td>
    <td><input type='text' size=30 name='email' value='<?php echo $email_check; ?>' /></td>
    <td><input type='submit' class='submit' value='<?php echo $h->lang['user_signin_login_forgot_password_submit']; ?>' /></td>
    </tr>            
</table>
<input type='hidden' name='forgotten_password' value='true'>
<input type='hidden' name='page' value='login'>
<input type='hidden' name='csrf' value='<?php echo $h->csrfToken; ?>' />
    <?php echo $h->lang['user_signin_login_forgot_password_submit_instruct_2']; ?>
</form>

这是样式声明

#forgot_password_form {
    display: none;
}

它不久前停止工作，我不知道为什么，我点击链接似乎没有任何事情发生。

有人在这里看错了吗？

控制台上的错误

target.fadeToggle is not a function
...rget");target.fadeToggle();return false;});});$.extend({URLEncode:function(c){va...

控制台调试我到这一行

var ajax=Array();var returnvalue=Array();jQuery.fn.fadeToggle=function(speed,easing,callback){return this.animate({opacity:'toggle'},speed,easing,callback);};$(document).ready(function(){$(".message").css({display:"none"}).fadeIn(1000);$(".table_drop_down").click(function(){var target=$(this).parents("tr").next("tr");target.fadeToggle();return false;});$(".table_hide_details").click(function(){$(this).parents("tr.table_tr_details").fadeOut();return false;});$(".forgot_password").click(function(){var target=$("#forgot_password_form");target.fadeToggle();return false;});$(".show_hide").click(function(){var target=$(".show_hide_target");target.fadeToggle();return false;});});$.extend({URLEncode:function(c){var o='';var x=0;c=c.toString();var r=/(^[a-zA-Z0-9_.]*)/;while(x<c.length){var m=r.exec(c.substr(x));if(m!=null&&m.length>1&&m[1]!=''){o+=m[1];x+=m[1].length;}else{if(c[x]==' ')o+='+';else{var d=c.charCodeAt(x);var h=d.toString(16);o+='%'+(h.length<2?'0':'')+h.toUpperCase();}x++;}}return o;},URLDecode:function(s){var o=s;var binVal,t;var r=/(%[^%]{2})/;while((m=r.exec(o))!=null&&m.length>1&&m[1]!=''){b=parseInt(m[1].substr(1),16);t=String.fromCharCode(b);o=o.replace(m[1],t);}return o;}});function handleEnter(field,event){var keyCode=event.keyCode?event.keyCode:event.which?event.which:event.charCode;if(keyCode==13){return false;}

Answer 1

如果您正在通过某种ajax执行调用的PHP文件，您可能需要尝试将点击功能更改为：

如果使用jquery 7 +

// Show/Hide forgot password form
    $(".forgot_password").on("click",function () {
    var target = $("#forgot_password_form");
    target.fadeToggle();
    return false;
});

如果您使用的是较旧的jquery，请尝试使用live（）而不是on（）。

为什么我的jquery fadein / fadeout功能停止工作？

1 个答案: