https://www.kabuki.ne.jp/assets/js/common.js

1// JavaScript Document
2
3(function (d) {
4  var config = {
5    kitId: 'pbt5wez',
6    scriptTimeout: 3000,
7    async: true
8  },
9    h = d.documentElement,
10    t = setTimeout(function () {
11      h.className = h.className.replace(/\bwf-loading\b/g, "") + " wf-inactive";
12    }, config.scriptTimeout),
13    tk = d.createElement("script"),
14    f = false,
15    s = d.getElementsByTagName("script")[0],
16    a;
17  h.className += " wf-loading";
18  tk.src = 'https://use.typekit.net/' + config.kitId + '.js';
19  tk.async = true;
20  tk.onload = tk.onreadystatechange = function () {
21    a = this.readyState;
22    if (f || a && a != "complete" && a != "loaded") return;
23    f = true;
24    clearTimeout(t);
25    try {
26      Typekit.load(config)
27    } catch (e) { }
28  };
29  s.parentNode.insertBefore(tk, s)
30})(document);
31
32$(function () {
33  $('.nav-site_all-btn').click(function () {
34    $('#nav-site_all').slideToggle();
35    return false;
36  });
37  //Home カルーセル
38  $('.carousel-mv').slick({
39    slidesToShow: 3,
40    slidesToScroll: 1,
41    centerMode: true,
42    autoplay: true,
43    autoplaySpeed: 2000,
44    variableWidth: true,
45    dots: true,
46    arrows: true,
47    prevArrow: '<div class="slick-prev"><i class="fal fa-angle-left" aria-hidden="true"></i></div>',
48    nextArrow: '<div class="slick-next"><i class="fal fa-angle-right" aria-hidden="true"></i></div>',
49    responsive: [{
50      breakpoint: 1024,
51      settings: {
52        slidesToShow: 3,
53      }
54    },
55    {
56      breakpoint: 768,
57      settings: {
58        slidesToShow: 3,
59      }
60    },
61    {
62      breakpoint: 640,
63      settings: {
64        slidesToShow: 1,
65        arrows: false,
66        centerMode: false,
67        variableWidth: false,
68      }
69    },
70    ]
71  });
72
73  // URLの取得
74  var url = location.href
75  // パスの取得
76  var path = location.pathname
77  // パラメーターの取得
78  var param = location.search
79  // ページ内アンカーの取得
80  var anc = location.hash
81  var is_active = "is-active"
82  if (path == "/topics/topics_category/pr/") {
83    $('#pr').addClass(is_active);
84  } else if (path == "/topics/topics_category/study/") {
85    $('#study').addClass(is_active);
86  } else if (path == "/topics/topics_category/succeed/") {
87    $('#succeed').addClass(is_active);
88  } else if (path == "/topics/topics_category/other/") {
89    $('#other').addClass(is_active);
90  } else {
91    $('#all').addClass(is_active);
92  }
93
94  //タブ
95  $(".performance-list-body li").css("display", "none");
96  $(".performance-list-body li.this_month").css("display", "block");
97  $('.performance-list .mod-tabs li').on("click", function () {
98    var $this = $(this).index();
99    var className = $(this).attr("class");
100    var target = ".performance-list-body li." + className;
101    console.log(target);
102    $(".performance-list .mod-tabs li").removeClass("active");
103    $(".performance-list-body li").css("display", "none");
104    $(this).addClass("active");
105    $(target).css("display", "block");
106  });
107  var targetObj = $(".feeds-list").index();
108  var $numberListLen = $(".feeds-list li").length;
109  var defaultNum = 20;
110  var addNum = 20;
111  var currentNum = 0;
112  var id_def = 'all';
113  $('.mod-tab-change li').on("click", function () {
114    var $this = $(this).index();
115    var className = $(this).attr("class");
116    var id = $(this).attr('id');
117    $("#more_btn").attr('name', id);
118    $(".mod-tab-change li").removeClass("is-active");
119    $(this).addClass("is-active");
120    $(".tab-contents li").hide();
121    if (id == 'all') {
122      var target = ".tab-contents li";
123      $(".tab-contents li").show();
124    } else {
125      var target = ".tab-contents li." + id;
126      $(target).show();
127    }
128    $(".feeds-list").each(function () {
129      $(this).find("#more_btn").show();
130      if (id == 'all') {
131        console.log(id);
132        $(this).find("li:not(:lt(" + defaultNum + "))").hide();
133      } else {
134        $(this).find("li." + id + ":not(:lt(" + defaultNum + "))").hide();
135      }
136      currentNum = defaultNum;
137    });

138    if ($(target).length <= currentNum) {
139      currentNum = defaultNum;
140      indexNum = currentNum - 1;
141      $("#more_btn").hide();
142    } else {
143      $("#more_btn").show();
144    }
145  });
146  // もっと見るボタン
147  $(".feeds-list").each(function () {
148    $(this).find("#more_btn").show();
149    $(this).find("li:not(:lt(" + defaultNum + "))").hide();
150    currentNum = defaultNum;
151  });
152  if ($numberListLen <= currentNum) {
153    currentNum = defaultNum;
154    indexNum = currentNum - 1;
155    $("#more_btn").hide();
156  }
157  $("#more_btn").click(function () {
158    var id = $(this).attr('name');
159    currentNum += addNum;
160    if (id == 'all') {
161      $(this).parent().find("li:lt(" + currentNum + ")").slideDown();
162    } else {
163      $(this).parent().find("li." + id + ":lt(" + currentNum + ")").slideDown();
164    }
165    if ($numberListLen <= currentNum) {
166      currentNum = defaultNum;
167      indexNum = currentNum - 1;
168      $("#more_btn").hide();
169    }
170  });
171});
172
173$(function () {
174  var slider = $('.slider').slick();
175  $('.open-modal').click(function () {
176    $('.modal-slider-for').slick({
177      slidesToShow: 1,
178      slidesToScroll: 1,
179      arrows: false,
180      fade: true,
181      asNavFor: '.modal-slider-nav'
182    });
183    $('.modal-slider-nav').slick({
184      slidesToShow: 3,
185      slidesToScroll: 1,
186      asNavFor: '.modal-slider-for',
187      dots: false,
188      centerMode: false,
189      focusOnSelect: true
190    });
191  });
192});
193
194/* 公演情報モーダル */
195$(function () {
196
197  $("#modal-ajax").iziModal({
198    padding: 30,
199    onOpening: function (modal) {
200      modal.startLoading();
201      $.get('https://kouendb.kbkotwst.net/api/show/754', function (data) {
202        $("#modal-ajax .iziModal-content").html(data.html_url);
203        modal.stopLoading();
204      });
205    }
206  });
207
208  $('.trigger-ajax').on('click', function (event) {
209    event.preventDefault();
210    $("#modal-ajax").iziModal('open');
211  });
212
213});