javascript - Responsive jquery is not working correctly -
javascript - Responsive jquery is not working correctly -
i'm working on new responsive website, html , css done, javascript / jquery not. problem responsive part of jquery not working correct.
$(document).ready(function() { if ($(window).width > 1023) { $('#wrapper').hide(); } else { $('#wrapper').show(); $('#footer').hide(); } }); the problem in way jquery doesn't observe width while javascript enabled , jquery , jquery ui included.
you need utilize resize event
example
//use resize event $(window).resize(function() { if ($(window).width() > 1023) { //type width() function $('#wrapper').hide(); } else { $('#wrapper').show(); $('#footer').hide(); } }); $(document).ready(function() { $(window).resize(); //trigger resize event on page load }); javascript jquery
Comments
Post a Comment