Packery - jquery show/hide有效，但不能以其他方式工作

Question

我在使用Packery时遇到了一个奇怪的问题。下面是我的代码。

如果我从下拉菜单中选择时从 show（默认）切换为隐藏，它工作正常。

当我在加载时隐藏它并希望在我选择淹死时显示类时，它不起作用。它总是向我显示最后一张图片。

我似乎无法弄清楚问题是什么。谁能帮忙？

<select id="DateFilter">
    <option selected>Choose Date</option>
    <option id="yesterday">yesterday</option>
    <option id="today">today</option>
</select>
<div id="container" class="js-packery" data-packery-options='{ "itemSelector": ".item", "gutter": 0 }'>
  <div class="yesterday">
    <div class="item">
      <figure><img src="pic1.jpg" width="100%"><figcaption>Pic 1</figcaption></figure>
    </div>
    <div class="item">
      <figure><img src="pic2.jpg" width="100%"><figcaption>Pic 2</figcaption></figure>
    </div>
    <div class="item">
      <figure><img src="pic3.jpg" width="100%"><figcaption>Pic 3</figcaption></figure>
    </div>
  </div>
</div>
<script>
    $(document).ready(function(){
      $(".yesterday").show();
      $("#DateFilter").change(function(){
        if($(this).find("option:selected").attr("id")=="yesterday"){
           $(".yesterday").hide();
        }
      });
   });
</script>

Answer 1

<select id="DateFilter">
  <option selected>Choose Date</option>
  <option value="yesterday" id="yesterday">yesterday</option>
  <option value="today" id="today">today</option>
</select>

和改变

   if($(this).find("option:selected").attr("id")=="yesterday"){

跟

   if($(this).val() == 'yesterday'){

Answer 2

代码正在正常工作。您已经部分解释了您的问题> 图像可以在文档加载时显示，当您选择"昨天"时，它将隐藏。