javascript - JQuery 即使在文档准备好后也没有选择元素

Question

我有这样的代码

function populate...() {
    var user = $.storage.get("particulars");

    if (user) {
        console.log($("#frmRegister")); // returns [] why? 
        $("#frmRegister").find("input[name=name]").val(user.name).end()
        .find("input[name=email]").val(user.email).end()
        .find("input[name=contact]").val(user.contact).end()
        .find("input[name=faculty]").val(user.faculty).end()
        .find("input[name=course]").val(user.course).end()
        .find("input[name=year]").val(user.year).end();
    }
    console.log("out")
}

$(function() {
    eventsViewModel.populateRegistrationForm();
})

Full code

我想知道为什么 $("#frmRegister") 在日志中返回 null，而在 chrome 中当我使用控制台执行 $("#frmRegister")我得到了表格

Knockout.js 会干扰这些事情吗？我的表单如下所示:

<form action="" 
  method="POST"
  data-bind="submit: $root.submitRegistration, visible: !registered()"
  id="frmRegister"
>

更新

参见 http://octopus.phpfogapp.com/对于代码。有问题的行是第 154 行。(除非我更改它。如果是这样，您可能可以搜索 $("#frmRegister").find("input[name=name]") 或者 $("#frmRegister

Answer 1

与其这样写你的表单...

 <form action="" method="POST" data-bind="submit: $root.submitRegistration, visible: !registered()" id="frmRegister">
...

这样写:

 <form action="/give/a/url.here" method="POST" id="frmRegister">

jQuery 有一大堆问题，例如将存储和数据绑定(bind)用作 super 全局变量，但您的具体问题是:

    if (user.name != "") {
        $("#frmRegister").find("input[name=name]").val(user.name).end()
        .find("input[name=email]").val(user.email).end()
        .find("input[name=contact]").val(user.contact).end()
        .find("input[name=faculty]").val(user.faculty).end()
        .find("input[name=course]").val(user.course).end()
        .find("input[name=year]").val(user.year).end();
    }

可以写成:

    if (user.name != "") {
        $("#frmRegister input").val(user.[$(this).prop('name')]).end()
    }

• 停止 super 链接，当你这样做时，你会产生自己的问题。
• jQuery 很丑，我给你看的代码很糟糕
• 您的代码中还有其他问题，我强烈建议您学习超出学校教给您的知识。一个好的起点是 JavaScript tag wiki on our site .
• 我还没有实际测试我发布的内容，我现在正要出门工作。