jquery - 这段访问 iframe 内元素的 jQuery 代码有什么问题？

Question

我正在尝试使用 jQuery 在 iF​​rame 中填写表单。你看到这段代码有什么问题吗？它应该选择输入并用值 TESTuser 和 TESTpassword 填充它们。

这是 iFrame 中的 HTML:

<td align="right"><label for="rcmloginuser">CSID</label></td>
<td><input name="_user" id="rcmloginuser" type="text"></td>
</tr>
<tr>
<td align="right"><label for="rcmloginpwd">Password</label></td>
<td><input name="_pass" id="rcmloginpwd" type="password"></td

这是 jQuery/parent 部分。

<script type='text/javascript'> 
$().ready(function () {
    $('#emailframe').ready(function () {

        $('#emailframe').contents().find('#rcmloginuser').val('TESTuser');
        $('#emailframe').contents().find('#rcmloginpwd').val('TESTpassword');

    });
};


</script>

<iframe id="emailframe" src ="<?php global $base_url; echo $base_url; ?>/mail.php" width="100%" height="700"></iframe>

Answer 1

有一些脚本错误，首先是 <iframe>没有ready事件(为当前文档调用 $("anything").ready() is really calling .ready())。

相反，您需要 <iframe>的 .load() 事件，像这样:

$(function () {
  $('#emailframe').load(function () {
    $('#emailframe').contents().find('#rcmloginuser').val('TESTuser');
    $('#emailframe').contents().find('#rcmloginpwd').val('TESTpassword');
  });
});

另请注意结尾是 }); ，你漏掉了一个括号。