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

Popular posts from this blog

assembly - What is the addressing mode for ld, add, and rjmp instructions? -

vowpalwabbit - Interpreting Vowpal Wabbit results: Why are some lines appended by "h"? -

Php operator `break` doesn't stop while -