javascript - 附加后输入相关函数未运行

Question

我有以下代码，它将文本输入附加到焦点中，并在输入为空时隐藏它。问题是它仅适用于原始输入字段，生成的第二个输入字段不会在焦点上激活此功能。有什么想法吗？

$('input:text')
.on('focus', function()
{
  var $this = $(this);
  if ($this.val() == "")
  {
    numItems++;
    $($this.parent().append($('<input type="text" value ="" id="item' + numItems + '"></input>')));
  }
})
.on('blur', function()
{
  var $this = $(this);
  if ($this.val() == "")
  {
    $this.hide();
  }
});

Answer 1

尝试改变:

$('input:text')
.on('focus', function()

至

$(document)
.on('focus','input:text', function()