Question

在my 'todo list' project here中，只有当textarea不为空时才需要启用Add按钮。为此，我添加了代码：

// show add button only when text is entered
$("#new_todo_item").on("change input propertychange paste", function(){  // line # 64 in JS
    $("#add").prop('disabled' , ! $("#new_todo_item").val().length );
});

要重现问题，请添加第一项，然后对于第二项，允许添加空项，即使在第三项也是如此。

这段代码早先工作了。我认为，由于进一步的改变，有些事情与此相冲突。

我在这里做错了什么？有人可以指点我的核心方向吗？

jsFiddle

修改

我将这部分代码更改为：

$(document).on("change input propertychange paste", "#new_todo_item", function(){ ... });，

但它没有任何区别。

Answer 1

在addItem中重置textarea之后：

// reset the content of textarea
$("#new_todo_item").val("");

...再次禁用该按钮：

$("#add").prop('disabled', true);

即使受限制也会添加空白元素

1 个答案: