Question

我使用了代码笔中的一些代码来制作一些过滤框。它最初有一个显示我所选择的所有选项。但是javascript正在加载所有选项。我需要在JS中进行哪些更改以使其默认加载第一个选项？ https://jsfiddle.net/zpzyy9ge/

jQuery(document).ready(function($){
  var $btns = $('.btn').click(function() {
  if (this.id == 'all') {
    $('#parent > div').fadeIn(450);
  } else {
    var $el = $('.' + this.id).fadeIn(450);
    $('#parent > div').not($el).hide();
  }
  $btns.removeClass('active');
  $(this).addClass('active');
})
  });

Answer 1

JavaScript 不显示这些元素，默认情况下它们只是简单显示，因为它们会在页面上显示，而您无需隐藏任何内容他们。（作为测试，完全删除JavaScript并观察它们是否仍在显示。）

默认情况下，您可以使用简单的CSS规则隐藏它们，例如：

.box { display: none; }

Updated jsFiddle

过滤框显示所有负载

1 个答案: