Create refresh-on-media.js

1 files changed, 24 insertions, 0 deletions

diff --git a/js/refresh-on-media.js b/js/refresh-on-media.js
new file mode 100644
index 0000000..76bb6da
--- /dev/null
+++ b/js/refresh-on-media.js
@@ -0,0 +1,24 @@
+var context;
+var $window = $(window);
+
+// run this right away to set context
+if ($window.width() <= 768) {
+    context = 'small';
+} else if (768 < $window.width() < 970) {
+    context = 'medium';
+} else {
+    context = 'large';
+}
+
+// refresh the page only if you're crossing into a context
+// that isn't already set
+$(window).resize(function() {
+    if(($window.width() <= 768) && (context != 'small')) {
+        //refresh the page
+        location.reload();
+    } else if ((768 < $window.width()  < 970) && (context != 'medium')) {
+        location.reload();
+    } else if (context != 'large') {
+        location.reload();
+    }
+});