javascript - 为什么在我的示例中提交按钮只有在按下两次时才起作用？

Question

请看这个 fiddle :

http://jsfiddle.net/uNbYu/1/

当提交按钮被按下一次时，它无缘无故地删除了文本编辑，但没有做任何事情，但是第二次，它在按下时起作用，并转到页面。

请帮助我了解是什么让这段代码做到这一点。

谢谢

---

HTML:

<b class = "edit" id = "fooo"> FOO </b>

JS:

$('b.edit').click(function() {
    $(this).hide().after('<form action = "foo.php" method = post><input hidden name = "field" type = "text" value = "' + this.id + '"/><input type="text" name = "period" class="editP" value="' + $(this).html() + '" /><input type = "submit" value = "Submit!!" /></form>');
    $('.editP').focus();
});
$('.editP').live('blur', function() {
    $(this).hide().prev('b.edit').html($(this).val()).show();
});

Answer 1

问题是在您设法单击按钮之前，编辑框失去了焦点，从而改变了位置，这样您就不会点击按钮。