https://www.minori-group.com/shokai/assets/js/individual/search.js

1// ==================================================
2// 検索ページ用js
3// ==================================================
4(function ($) {
5  /**
6   * 初回読み込み時
7   */
8  $(function () {
9    // ページ読み込み時に条件検索の種別項目だけ開いた状態にする
10    open_type_select();
11    // tilejs呼び出し
12    tilejs_to_articles();
13  });
14
15  /**
16   * 絞り込み＆並び替え条件を変更した際にページ遷移を行う
17   */
18  $('body').on('change', '.selectArea input, .selectArea select, .sort-wrapper input, .sort-wrapper select', function () {
19    var params = {
20      page: 1,
21      condition: $('#type_condition').val(),
22      old: $('#old').val(),
23      type_kind_1: $('#type_kind_1').val(),
24      type_kind_2: $('#type_kind_2_list:checked').map(function () { return this.value; }).get().join(','),
25      area: $('#area_list:checked').map(function () { return this.value; }).get().join(','),
26      price_from: $('#price_from').val(),
27      price_to: $('#price_to').val(),
28      acreage_from: $('#acreage_from').val(),
29      acreage_to: $('#acreage_to').val(),
30      keyword: $('#keyword').val(),
31      order1: $('#order1').val(),
32    };
33    if ($('#type_kind_1').val() == '10000') {
34      location.href = '/shokai/search/?' + $.param(params);
35    } else {
36      location.href = '/shokai/search/lease.php?' + $.param(params);  
37    }
38    
39  });
40
41  /**
42   * リサイズイベント
43   */
44  var timer = false;
45  $(window).resize(function () {
46    if (timer !== false) {
47      clearTimeout(timer);
48    }
49    timer = setTimeout(function () {
50      // 「<<」と「>>」の画像の切り替え
51      var windowWidth = window.innerWidth || $(window).width();
52      $('.js-switch').each(function () {
53        if (windowWidth > 767) {
54          $(this).attr('src', $(this).attr('src').replace('_sp', '_pc')).fadeIn(0);
55        } else {
56          $(this).attr('src', $(this).attr('src').replace('_pc', '_sp')).fadeIn(0);
57        }
58      });
59    }, 200);
60  });
61
62  /**
63   * ページ読み込み時に条件検索の種別項目だけ開いた状態にする(SP)
64   */
65  var open_type_select = function () {
66    $('#init_state_open').addClass('is-open');
67    var $next = $('#init_state_open').next('.selectArea_content');
68    $next.css('display', 'block');
69  }
70})(jQuery);