Question

我正在尝试将类别屏幕添加到我正在为一个班级制作的应用中，但我很困惑。我不知道要添加什么。我曾尝试研究此问题，但找不到任何有帮助的东西。

我得到的代码是这样的：

代码的HTML部分：

<div class='screen' id='category-screen'>
    <h4 id='category'>Comics</h4>
    <h4 id='category'>Movies</h4>
    <h4 id='category'>Games</h4>
    <h4 id='category'>Misc.</h4>
</div>

代码的JavaScript部分：

function displayCategory() {
  $(".screen").hide();
  $("#category-screen").show();
}

代码显然还有更多，我只是在显示与类别屏幕相关的代码部分。如果您需要更多，请告诉我。

对于我正在上课的应用程序，我希望下一个屏幕是单击开始按钮后具有4个类别的类别屏幕，但事实并非如此。只是问题。

Answer 1

您的JavaScript现在正在做什么，将.screen类及其所有元素隐藏起来。其中包括“类别” div。

试图使它们在隐藏后可见，因为它们的父节点（.screen）仍被隐藏，因此没有任何效果。据我所知，将$(".screen").hide();替换为$(".screen").show();应该会产生您想要的结果，显示类别部分。

function displayCategory() {
  $(".screen").show();
}

function hideCategory() {
  $(".screen").hide();
}

如何为正在制作的应用添加类别屏幕？

1 个答案: