June 17, 2015

jQuery condition to check responsive screen.


Yes, It's possible to check different media screen in jQuery for add condition.

Following example for different screen:

$(window).resize(function(){
   if ($(window).width() <= 300)
   {
       // do something here
   } else if ($(window).width() <= 800){
     // do something here
   } else if ($(window).width() <= 970){
     // do something here
   } else {
     // do something here for desktop full screen
   }
});

Enjoy!

1 comment:

  1. Hi, Great.. Tutorial is just awesome..It is really helpful for a newbie like me.. I am a regular follower of your blog. Really very informative post you shared here.
    Kindly keep blogging. If anyone wants to become a Front end developer learn from javascript and jquery training in chennai .
    or learn thru Javascript Training in Chennai.
    Nowadays JavaScript has tons of job opportunities on various vertical industry. javascript and jquery training in chennai

    ReplyDelete

The Future of Technology: Emerging Trends to Watch in 2025

Introduction As we navigate through 2025, the technological landscape continues to evolve at an unprecedented pace. Innovations that once se...