Manchmal kommt es vor, daß responsive Theme-Inhalte nicht korrekt dargestellt werden, wenn sich die Größe des Browserfensters ändert. Mit dem folgenden Trick wird ein Page-Refresh erzwungen, so daß das Layout sauber neu aufgebaut wird. Dieser Trick funktioniert nicht nur in WordPress, sondern generell.
Avada: Keine Refresh Loops, bitte!
Bei einigen Frameworks, wie z,B. Avada kommt es bei einem simplen Refresh On Resize zu einer Endlosschleife von Refreshs. Das folgende Script nutzt einen Timer-Mechanismus, der das verhindert:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<script> var dwidth = jQuery(window).width(); jQuery(window).bind('resize', function(e){ var wwidth = jQuery(window).width(); if(dwidth!==wwidth){ dwidth = jQuery(window).width(); if (window.RT) clearTimeout(window.RT); window.RT = setTimeout(function(){ this.location.reload(false); /* false to get page from cache */ }, 1000); } }); </script> |
