0

ここで他の質問に対して約10の回答を試しましたが、何もうまくいかないようです。私はそれぞれとmapとgrepを試しました。

オブジェクト リテラルの値を変更してから、リストを更新したいと考えています。

配列は次のとおりです。

goals = [
  {
    goalguid: "691473a7-acad-458e-bb27-96bac224205b",
    category: "personal",
    datecreated: "2013-10-20",
    startdate: "2013-10-28",
    enddate: "2013-11-26",
    goal: "go to store",
    icon: "cart",
    status: "completed",
    username: "jtmagee",
    userguid: "0c7270bd-38e8-4db2-ae92-244de019c543"
  }, {
    goalguid: "9e693231-e6d8-4ca9-b5c8-81ea7a80a36a",
    category: "personal",
    datecreated: "2013-10-20",
    startdate: "2013-10-27",
    enddate: "2013-11-27",
    goal: "Brush Teeth",
    icon: "doctor",
    status: "inprogress",
    username: "jtmagee",
    userguid: "0c7270bd-38e8-4db2-ae92-244de019c543"
  }, {
    goalguid: "8d23005d-f6f3-4589-bb85-a90510bccc21",
    category: "work",
    datecreated: "2013-10-20",
    startdate: "2013-10-26",
    enddate: "2013-11-28",
    goal: "Arrive on Time",
    icon: "alarm",
    status: "inprogress",
    username: "jtmagee",
    userguid: "0c7270bd-38e8-4db2-ae92-244de019c543"
  }, {
    goalguid: "ac879673-19eb-43f6-8b95-078d84552da0",
    category: "school",
    datecreated: "2013-10-20",
    startdate: "2013-10-24",
    enddate: "2013-11-29",
    goal: "Do Math Homework",
    icon: "book",
    status: "missed",
    username: "jtmagee",
    userguid: "0c7270bd-38e8-4db2-ae92-244de019c543"
  }
];

ユーザーがクリックした li から取得した goalguid をキーオフしています。ステータスキーを使って、li のクラスを変更します。

チェックボックスのクリックをキャッチするjQueryは次のとおりです。

$(".goals").delegate("input[type=checkbox]", "click", function() {
  goalguid = $(this).parent().parent().data("goalguid");
  emailGoal = $(this).parent().data('goal');
  if ($(this).prop("checked")) {
    $(this).parent().parent().removeClass("inprogress missed").addClass("completed").prop("checked", true);
    updateStatus = 'completed';
    return updateTheGoal();
  } else {
    $(this).parent().parent().removeClass("completed").addClass("inprogress").prop("checked", false);
    updateStatus = 'inprogress';
    return updateTheGoal();
  }
});

仕事に行けないのはここまで。いくつかの試みはアレイを完全に消去しましたが、これを含むほとんどの試みは、リストをフラッシュする以外は何もしません。displayGoalList 関数は、他の用途でも問題なく機能します。

updateTheGoal = function() {
  var goalList;
  $.each(goals, function() {
    if (goals.goalguid === goalguid) {
      return goals.status === updateStatus;
    }
  });
  goals = JSON.parse(localStorage["goals"]);
  goalList = $.grep(goals, function(e) {
    return e.userguid === userguid;
  });
  localStorage.setItem(userguid + "Goals", JSON.stringify(goalList));
  logSummary();
  return displayMyGoalList();
};

どんな助けでも大歓迎です。ありがとう。

4

1 に答える 1

0 
$.each(goals, function() {
    if (goals.goalguid === goalguid) {
      return goals.status === updateStatus;
    }
});

を確認goals.goalguidして設定していますgoals.status。これは間違っています。 goals配列です。あなたの意図は、配列内の各要素をチェックすることです。その後、実際には何もしていません。 returnwithineachは、単にループを中断するか、続行します (戻り値に応じて)。あなたはそれを割り当てるつもりだったと思います。これを試して：

$.each(goals, function(i, el) {
    if (el.goalguid === goalguid) {
        el.status = updateStatus;
        return false; // break the each
    }
});

eachまた、このビットを削除すると、ローカル ストレージに保存されているすべての変更が置き換えられます。

goals = JSON.parse(localStorage["goals"]);
于 2013-11-13T22:32:44.033 に答える