$dg(function($){ /* 01. matchMedias ---------------------------------------------------------------- */ var win_lte_480 = window.matchMedia('(max-width: 480px)'); var win_lte_768 = window.matchMedia('(max-width: 768px)'); var win_lte_980 = window.matchMedia('(max-width: 960px)'); /* end matchMedias ---------------------------------------------------------------- */ /* 02. glTabNormal ---------------------------------------------------------------- */ var glTabNormal = (function(){ var elem , item; function init(){ elem = $('.Gl_Tab--Normal'); item = elem.find('a'); flattenHeight(); $(window).on('resize orientationchange', function(){ flattenHeight(); }); } function flattenHeight(){ if(win_lte_768.matches){ item.tile(); } else { item.css('height', ''); } } return{ init : init } })(); glTabNormal.init(); /* end glTabNormal ---------------------------------------------------------------- */ /* 03. glTabLabelLink ---------------------------------------------------------------- */ var glTabLabelLink = (function(){ var elem , item; function init(){ elem = $('.Gl_Tab--Label__Link'); item = elem.find('a'); flattenHeight(); $(window).on('resize orientationchange', function(){ flattenHeight(); }); } function flattenHeight(){ if(win_lte_980.matches && !win_lte_768.matches){ item.tile(); } else { item.css('height', ''); } } return{ init : init } })(); glTabLabelLink.init(); /* end glTabLabelLink ---------------------------------------------------------------- */ /* 04. glTabPartition ---------------------------------------------------------------- */ var glTabPartition = (function(){ var elem , li , item; function init(){ elem = $('.Gl_Tab--Partition'); li = elem.find('li'); item = elem.find('a'); flattenHeight(); $(window).on('resize orientationchange', function(){ flattenHeight(); }); } function flattenHeight(){ if(win_lte_480.matches){ item.tile({column: 2}); } else if(!win_lte_480.matches && win_lte_768.matches){ item.tile({column: 4}); } else{ item.css('height', '') } } return{ init : init } })(); glTabPartition.init(); /* end glTabPartition ---------------------------------------------------------------- */ /* 05. glTabLabel ---------------------------------------------------------------- */ var glTabLabel = (function(){ var elem , elem_link , elem_select; function init(){ elem = $('.js-Gl_Tab--Label'); if(!elem.length){ return; } elem_link = $('.Gl_Tab--Label__Link'); elem_select = $('.Gl_Tab--Label__Select'); createSelectOption(); setEventToSelect(); } function createSelectOption(){ var item = ''; elem_link.find('a').each(function(i){ var $this = $(this); item += ''; }); elem_select.find('select').append($.parseHTML(item)); } function setEventToSelect(){ elem_select.find('select').on('change', function(){ window.location = $(this).find('option:selected').data('url'); }); } return{ init : init } })(); glTabLabel.init(); /* end glTabLabel ---------------------------------------------------------------- */ });