https://www.tkg-jp.com/js/top.js?var=220929

1/* global jQuery */
2
3/**
4 * TOKYOKOBETSU
5 *
6 * @date 2018-01-16
7 */
8
9(function ($) {
10  var TOKYOKOBETSU = window.TOKYOKOBETSU || {};
11
12  TOKYOKOBETSU.Top = function () {
13    var $win = $(window),
14        $body = $('body'),
15        $mvSlider = $('.mv_slider');
16
17    // 初期化
18    var _init = function _init() {
19      mvSlider.init();
20      _triggerModal.init();
21      toggleMedia.init();
22      height.init();
23      string.init();
24    };
25
26    /****
27     *
28     * string
29     *
30     */
31    var string = function () {
32      var stringTarget = $('.mv_slider_txt_h');
33      var strLen = void 0;
34      var linmitNum = 34;
35      var showTxt = void 0;
36
37      var _init = function _init() {
38        stringTarget.each(function () {
39          strLen = $(this).text().length;
40          if (strLen >= linmitNum) {
41            showTxt = $(this).text().substr(0, linmitNum);
42            console.log(showTxt);
43
44            $(this).text(showTxt + '...');
45          }
46        });
47      };
48
49      return {
50        init: _init
51      };
52    }();
53
54    /****
55     *
56     * slider
57     *
58     */
59    var mvSlider = function () {
60
61      var _init = function _init() {
62        _setPlugin();
63      };
64
65      var _setPlugin = function _setPlugin() {
66        $mvSlider.slick({
67          speed: 2000,
68          dots: true,
69          autoplay: true,
70          pauseOnHover: false,
71          pauseOnFocus: false,
72          autoplaySpeed: 3000,
73          waitForAnimate: false
74        });
75      };
76
77      return {
78        init: _init
79      };
80    }();
81
82    /****
83     *
84     * modal
85     *
86     */
87    var _triggerModal = function () {
88      var current_scrollY = void 0;
89      var state = false;
90      var openModal = void 0;
91      var winW = void 0;
92      var $trigger = $('.js-modalTrigger');
93      var $wrapper = $('.container');
94      var $mask = $('.modal_mask');
95      var $close = $('.modal_close');
96
97      var _init = function _init() {
98        _bind();
99      };
100
101      var _bind = function _bind() {
102        $trigger.on('click', toggleClass);
103        $close.on('click', toggleClass);
104        $mask.on('click', toggleClass);
105        $win.on('resize', _resize);
106      };
107
108      function _resize() {
109        winW = $win.innerWidth();
110        if (winW < 768) {
111          $body.removeClass('view-modal-' + openModal);
112          $body.removeClass('view-modal');
113          $wrapper.attr({ style: '' });
114          state = false;
115        }
116      }
117
118      function toggleClass() {
119        var winW = $(window).innerWidth();
120
121        if (!state && winW > 768) {
122          openModal = $(this).attr('data-modal-id');
123          current_scrollY = $(window).scrollTop();
124          $body.addClass('view-modal-' + openModal);
125          $body.addClass('view-modal');
126          $wrapper.css({
127            position: 'fixed',
128            width: '100%',
129            height: '100%',
130            top: -1 * current_scrollY
131          });
132          state = true;
133        } else if (state && winW > 768) {
134          $body.removeClass('view-modal');
135          $wrapper.attr({ style: '' });
136          $('html, body').prop({ scrollTop: current_scrollY });
137          setTimeout(function () {
138            $body.removeClass('view-modal-' + openModal);
139          }, 300);
140
141          state = false;
142        }
143      }
144
145      return {
146        init: _init
147      };
148    }();
149
150    /****
151     *
152     * toggle media
153     *
154     */
155    var toggleMedia = function () {
156      var $jsToggleMediaTarget = $('.js-toggle-media-target');
157      var $jsToggleMediaBody = $('.js-toggle-media-body');
158
159      var _init = function _init() {
160        _bind();
161      };
162
163      var _bind = function _bind() {
164        $jsToggleMediaTarget.on('click', _toggle);
165      };
166
167      var _toggle = function _toggle() {
168        $(this).toggleClass('is-active');
169        $(this).next().stop().slideToggle(400);
170      };
171
172      return {
173        init: _init
174      };
175    }();
176
177    /****
178     *
179     * business_article内の高さ揃え
180     *
181     */
182    var height = function () {
183      var $heighItems1 = $('.business_article_h');
184      var $heighItems2 = $('.business_article_txt');
185
186      var _init = function _init() {
187        _setplugin();
188      };
189
190      var _setplugin = function _setplugin() {
191        $heighItems1.matchHeight();
192        $heighItems2.matchHeight();
193      };
194
195      return {
196        init: _init
197      };
198    }();
199
200    return {
201      init: _init
202    };
203  }();
204
205  TOKYOKOBETSU.Top.init();
206})(jQuery);