javascript - jQuery 表单不会隐藏并且函数返回未定义

Question

我的一个按钮有问题。它无法正常工作。
当我单击“添加运行”按钮，然后单击“主页”按钮时，几乎没有任何效果。动态创建的表单不会隐藏，搜索输入不会显示，并且函数返回未定义。

$("#home").on("click", function () {
  $("#search").show();
  $("#addForm").hide();
  $("#noPrevious").hide();
  complete()
  console.log(complete())
});

但另一方面，有些东西是有效的，它们隐藏或显示。例如，刷新后，当我单击“我的所有运行”时，它会显示文本，单击“主页”按钮后该文本将隐藏，最重要的是，会显示搜索输入字段。我不明白这一点。有人知道出了什么问题吗？

提前致谢。

这里是 CodePen 和 GitHub。问题出在 .js 文件的顶部。 https://codepen.io/ovy1448/pen/gZrKOX
https://github.com/ovy1448/MyRun/blob/master/js/main.js

Answer 1

您的问题是您没有正确初始化您的值。例如，对于书签，您的代码假定localStorage具有带有该键的值。然而，情况并非一定如此。您需要为书签设置一个默认值。辅助函数在这里可能很有用:

function getBookmarks() {
    var bookmarks = localStorage.getItem("bookmarks");
    if (!bookmarks) bookmarks = [];
    return bookmarks;
}

然后将代码中出现的所有 localStorage.getItem("bookmarks") 替换为 getBookMarks()(上述函数中的除外)。还要注意其他初始化。

编辑

如果你想在函数内部解析 JSON，你可以这样做:

function getBookmarks() {
    var bookmarks = localStorage.getItem("bookmarks");
    if (!bookmarks) return [];
    return JSON.parse(bookmarks);
}