当您开始在表单字段（jQuery）中键入最后一个元素时触发单击事件？

Question

我正在使用this jQuery插件，每次点击“添加更多”时都会添加表单字段，如：

这就是表单的样子：

菜单项字段：

<input tabindex="1" recname="itemName" type="text" id="itemName" name="itemName" placeholder="Menu Item" class="menu-item itemName">

价格字段：

<input type="text" tabindex="8" recname="itemGaylords" id="itemGaylords" name="itemGaylords" placeholder="Price" class="price numeric unitValue required">

添加更多链接：

<a href="#" class="addMoreFields">Add more</a>

我想在您开始输入最后一个菜单项字段后，在.addMoreFields链接中触发点击。

有任何建议可以实现吗？

Answer 1

$('.menuItem:last').focus(function(){
  $('.addMoreFields:last').trigger('click');
});

最好使用....

$('.menuItem:last').live('focus', function(){
  $('.addMoreFields:last').trigger('click');
});