Webサイト制作

  //＝＝＝並び替えボタン設定
  $(".sort-btn li").on("click", function () {
    //並び替えボタンをクリックしたら
    $(".sort-btn .active").removeClass("active"); //並び替えボタンに付与されているactiveクラスを全て取り除き
    var className = $(this).attr("class"); //クラス名を取得
    $("." + className).addClass("active"); //並び替えボタンに付与されているクラス名とギャラリー内のリストのクラス名が同じボタンにactiveクラスを付与
    if (className == "sort00") { //クラス名がsort00（全て）のボタンの場合は、
      grid.filter("." + "item"); //全てに当てはまる"item"を指定してフィルターを実行
      setTimeout(function () { //ここからは選択後にふわっと出すアニメーションを使用したい場合の追記
        delayScrollAnime();
      }, 1000);
    } else {
      grid.filter("." + className); //フィルターを実行
      setTimeout(function () { //ここからは選択後にふわっと出すアニメーションを使用したい場合の追記
        delayScrollAnime();
      }, 1000); //ここまで
    }
  });