Question

使用我的代码，用户可以单击列表中的某个项目。它们被重定向到另一个页面，然后他们可以看到该项目的详细信息。它就像一个商店，您点击某个商品来查看该商品的详细信息。

我的代码目前还没有这样做，但是使用console.log和其他测试方法，我没有收到任何错误，所以我想知道它是否与我的方式相同键入代码或不可能这样？

$.each(response, (index, game) => {
  var $newLi = $('.new');
  $newLi.on("click", (event) => {
    console.log("$newLi");
    $("#gameContent").append("<h2>" + game.Name + "</h2><p>This game has a type of " + game.Type + "</p>");
  })
  $("#allGames").append($newLi);
})

const displayNewGames = (games, hasCheckbox) => {
  let output = "";
  var x = 100;

  games.forEach(game => {
    if (game.Type === "New Release") {
      x++;
      let ratingDiv = $("<div class='rating'></div>");

      for (var i = 0; i < game.Rating; i++) {
        ratingDiv.append('<span class="fa fa-star checked"></span>');
      }

      for (var i = game.Rating; i < 5; i++) {
        ratingDiv.append('<span class="fa fa-star"></span>');
      }

      //return true;

      output += `<li>
        <div class=""><input id="togg` + x + `" type="checkbox"><label for="togg` + x + `" class="${hasCheckbox ? 'visible' : 'invisible'}">Compare</label></div></li>
            <li><a class="new" href=${game.link}><img class="frontGames" src="${game.image}">
          <p><b>Name:</b>${game.Name}<br>
        <b>Release Date:</b>${game.ReleaseDate}</br>
        <b>Genres:</b>${game.Genres}</br>
        <b>Retail Price:</b>${game.RetailPrice}</br>
        <b>Rating:</b>${ratingDiv.html()}</br></p></a>
      </li>`;
    }
  })
  return output;
}

请注意，它显示的数据来自AJAX的JSON文件。

简而言之，用户点击index.html上的项目，然后将其发送到另一个名为game.html的页面，以根据该项目查看详细信息。只有重定向才有效。我需要理解为什么它不显示细节。

我只发布了相关位，但如果您需要我发布代码的其他位，请告诉我。

在进入新页面时附加内容

0 个答案: