.keyup（）/。click（）函数的jQuery语法问题

Question

Stackover（和web开发）的新手，如果我犯了新手错误，请原谅我。我正在整理一个待办事项列表网络应用程序（http://jameswmoody.github.io/ShoppingList/），我有一个小错误，所以我必须点击＆＃34;添加＆＃34;之前我可以用同样的方式使用Enter键。我知道为什么会发生这种情况。我意识到我的代码存在要求在调出Enter键之前单击#add。问题是当我尝试重新格式化语法时，我尝试的任何工作都没有。有什么建议？谢谢！

$(document).ready(function(){
$("#add").click(function(){
    var text = $("#listInput").val();
    var item = $('<div class="list-item"><span></span></div>').text(text);

    item.on('dblclick', function(){
        $(this).fadeOut('fast');
    });
    item.on('click', function(){
        $(this).toggleClass('strike'); 
    });



$('#listInput').keyup(function(event){
    if(event.keyCode == 13) {
        event.preventDefault();
        $('#add').click();
        };
    }); 

    if (text!=""){
        $("#listArea").append(item);
        $("#listInput").val("");
    }

    });

$(function(){

$('#listArea').sortable({ axis: "y" });
$('.list-item').draggable();

}） }）;