Как добавить экран категории в приложение, которое я создаю? - PullRequest
2 голосов
/ 19 апреля 2019

Я пытаюсь добавить экран категории в приложение, которое я создаю для класса, и я в тупике.Я не знаю, что добавить.Я пытался исследовать проблему, но не смог найти ничего, что могло бы помочь.

Что я получил для кода, это:

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 категориями после нажатия кнопки запуска, но это не так.Это просто касается вопросов.

1 Ответ

0 голосов
/ 19 апреля 2019

То, что делает ваш javascript прямо сейчас, это скрытие класса .screen со всеми элементами, которые к нему относятся.Это включает в себя div 'categoryorie'.

Попытка сделать их видимыми после скрытия не будет иметь никакого эффекта, так как их родительский узел (.screen) все еще скрыт.Насколько я могу судить, замена $(".screen").hide(); на $(".screen").show(); должна дать желаемый результат, показывая раздел категории.

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

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