モーダルウィンドウのリサイズ
ウィンドウサイズによって、モーダルウィンドウがリサイズするようにした。
モバイルサイズまでは90%でそれ以上は固定値。
リサイズ中何度も処理がよばれないようにしている。
予期したとおりに動いたからきっとこれでいい。。
なんか間違ってる気もするけどこれでいい。。
$(function(){ var resizeTimer = null; $(window).on('resize', function(){ clearTimeout(resizeTimer); resizeTimer = setTimeout(function(){ var w = $(window).width(); var x = 767; if (w <= x){ $.colorbox.resize({width:"90%", height:"90%"}); $(".inline").colorbox({maxWidth:"90%",maxHeight:"90%"}); }else{ $.colorbox.resize({width:"750px",height:"500px"}); $(".inline").colorbox({maxWidth:"750px",maxHeight:"500px"}); } }, 200); }); });