<a href>链接在加载javascript时无法工作

<a href> link wont work when loaded with javascript

本文关键字：javascript 工作 加载 链接 lt href gt      更新时间：2023-09-26

我有一个非常小的页面，由一些javascript管理。当我将页面加载到浏览器中时，表单后的链接（id=login_linker）工作正常。

然而，当我将它加载到div中时，相同的链接将不起作用。有人有什么想法吗。

这是包含的页面的正文。

<body>
  <p>Forgot your password?</>
  <form name="forgotpassform"  id="forgotpassform" onsubmit="return false;">
    <label for="email">Email: </label>
    <input id="email" type="text" class="searchbox" onfocus="emptyElement('status')" maxlength="35">
 <input type="button" style="margin-top: 15px; position:relative; left:50px;" id="forgotpassbtn" onclick="forgotpass()" value="Send me a new password">
     <br>
  </form>
     <span id="emailstatus"> </span>
     <span id="status"></span>
 <a href="#" id="login_linker" alt="show login">Log In</a>
</body>

javascript：

function forgotpass(){
    var e = _("email").value;
    var status = _("status");
    var forgotpassform = _("forgotpassform");
    if(e != ""){
        _("forgotpassbtn").style.display = "none";
        status.innerHTML = 'please wait ...';
        var ajax = ajaxObj("POST", "forgotpass.php");
        ajax.onreadystatechange = function() {
            if(ajaxReturn(ajax) == true) {
                if(ajax.responseText == "no_user"){
                    status.innerHTML = 'There was no matching email in the system.';                    
                    _("forgotpassbtn").style.display = "block";
                }  else if(ajax.responseText =="email_not_sent"){
                    status.innerHTML = 'There was a problem sending your temporary password.';      
                } else {
                //status.innerHTML = ajax.responseText;
                forgotpassform.innerHTML = "You have sent a temporary password to your email address. Please check your email.";    
                }
            }
        }
        ajax.send("e="+e);
    } else {
        status.innerHTML = "Please enter your email address.";
    }
}
function emptyElement(x){
    _(x).innerHTML = "";
}
    function loadlogin(){
    $('#loginwindow').toggle(400);
    $('#loginwindow').load("forgotpass.php");
    $('#loginwindow').toggle(400);
}
$(document).ready(function(){
    $(document).on('click', '#login_linker', function(){
    alert('ok');
        showlogin();
    });
    });
function showlogin(){
$('#loginwindow').load("login.php");
$('#loginwindow').toggle(400);
        }

这是加载忘记密码页面的脚本，即上方的HTML

function forgotpass(){
    $('#loginwindow').toggle(400);
    $('#loginwindow').load("forgotpass.php");
    $('#loginwindow').toggle(400);
}

我不知道你的代码是如何使用js加载链接的（如果你也发布它会更好），但我想问题是你试图在文档准备好后绑定事件，而此时链接还没有加载。加载后绑定。

相关文章：