Выполнение кода под разные разрешения

Тема в разделе "JavaScript", создана пользователем DOCSistems, 6 мар 2015.

  1. DOCSistems

    DOCSistems

    Регистрация:
    25 сен 2014
    Сообщения:
    4
    Симпатии:
    0
    Всем привет! Подскажите пожалуйста господа форумчане. Есть такая задача: есть определенный код на jquery, как реализовать его так, чтобы при загрузке страницы на разрешении монитора выше 960 px он срабатывал, а при разрешении меньше 960 px он переставал выполняться. Пробовал прописать
    Код:
    $(window).resize(function(){
    if($(window).width() > 960){
    //Здесь код
    }
    else{
    //Здесь код отключается
    }
    });
    но при загрузке страницы код не выполняется, а начинает выполняться при ресайзе окна браузера, и даже когда размер окна меньше 960 px код все равно выполняется.Подскажите пожалуйста!
     
  2. webmastermd

    webmastermd

    Регистрация:
    23 фев 2015
    Сообщения:
    0
    Симпатии:
    0
    $( window ).load(function() {
    // Run code
    });

    Вот это выполняется при загрузке. Можете запихнуть все действия в функцию и выполнять её и при старте и при ресайзе.

    еще вариант без всякого JQ :
    <body onresize="myFunction()" onload="myFunction()" >

    а в myFunction() нужные действия по проверке разрешения и реакции.