将beind附加到DIV后,无法找到元素ID

Question

在选中复选框后,我正在使用这一点jQuery将文本输入字段附加到div:

$('.sharewithfriends').on("click", ".manual-invite", function () {
        if ($('input[name=manual-invite]').is(':checked')) {
          $('<li style="margin-top:0;display:none"><input type="text" id="invite_email1" name="invite-email1" value="Add an E-Mail" onfocus="clearText(invite_email1);" onblur="fillText(invite_email1);"/><span><a class="add" href="">Add</a></span></li>').appendTo('#invite-emails').slideToggle();

}

所有这些都很好,除了onfocus和onblur事件.他们调用以下简单函数,这些函数应该清除焦点上的字段并使用模糊时的默认文本填充它:

function clearText(thefield){
if (thefield.defaultValue==thefield.value)
thefield.value = ""
}

function fillText(thefield){
if (thefield.value=="")
thefield.value=thefield.defaultValue;
}

但是,当我单击该字段时,我收到一条错误,说"invite_email1未定义",即使它显然是.

任何人都知道我需要做些什么才能让它发挥作用？

Answer 1

你没有提到正确的元素.

替换clearText(invite_email1);为clearText(this);.
更好的是,绑定事件侦听器而不是添加内联事件.