{"id":1347,"date":"2018-10-22T13:26:02","date_gmt":"2018-10-22T23:26:02","guid":{"rendered":"http:\/\/mymonkeydo.com\/?p=1329"},"modified":"2018-10-22T13:26:02","modified_gmt":"2018-10-22T23:26:02","slug":"javascript-done-resize","status":"publish","type":"post","link":"https:\/\/mymonkeydo.com\/javascript-done-resize\/","title":{"rendered":"Javascript Done Resize"},"content":{"rendered":"
Normally code in the resize event is meant to just run once when the user is done resizing.\u00a0 This code below, from css-tricks<\/a> and seen elsewhere will do the trick:<\/p>\n
\nvar resizeTimer;
\n$(window).on('resize', function(e) {
\nclearTimeout(resizeTimer);
\nresizeTimer = setTimeout(function() {
\n\/\/ Run code here, resizing has \"stopped\"
\n}, 250);
\n});
\n<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[2],"tags":[39],"yoast_head":"\n