var $j = jQuery.noConflict(); $j(document).ready(function() { "use strict"; $j('.responsive-space').each(function() { var _space_sm_height = $j(this).data('sm-height'); var _space_md_height = $j(this).data('md-height'); var _space_lg_height = $j(this).data('lg-height'); var _space_xs_height = $j(this).data('xs-height'); var _space_xl_height = $j(this).data('xl-height'); if($j('body').innerWidth() <= 766) { $j(this).css('height', _space_sm_height); } else if($j('body').innerWidth() <= 1024) { $j(this).css('height', _space_md_height); } else if($j('body').innerWidth() <= 1200) { $j(this).css('height', _space_lg_height); } else if($j('body').innerWidth() <= 480) { $j(this).css('height', _space_xs_height); } else if($j('body').innerWidth() <= 1440) { $j(this).css('height', _space_xl_height); } else { $j(this).css('height', _space_xl_height); } }); $j(window).resize( function(){ $j('.responsive-space').each(function() { var space_sm_height = $j(this).data('sm-height'); var space_md_height = $j(this).data('md-height'); var space_lg_height = $j(this).data('lg-height'); var space_xs_height = $j(this).data('xs-height'); var space_xl_height = $j(this).data('xl-height'); if($j('body').innerWidth() <= 766) { $j(this).css('height', space_sm_height); } else if($j('body').innerWidth() <= 1024) { $j(this).css('height', space_md_height); } else if($j('body').innerWidth() <= 1200) { $j(this).css('height', space_lg_height); } else if($j('body').innerWidth() <= 480) { $j(this).css('height', space_xs_height); } else if($j('body').innerWidth() <= 1900) { $j(this).css('height', space_xl_height); } }); }); });