1

Добрый вечер, как заставить сценарий работать при уже изначально измененном окне браузера?

    $(document).ready(function() {
     $(window).resize(function() {
                if ($(window).width() <= '995'){
           $('#shelf').show(10)
            return this;}
         else   {
              $('#shelf').hide(10)
            }

    });
});

При изменении окна все работает, но когда окно изначально 800px - нет ...

6
  • А зачем это - return this;?
    – Deonis
    26 мар 2013 в 17:24
  • Пардон я ступил, return this - не нужен, все что было нужно убрать display: none; с этого id в css 26 мар 2013 в 17:41
  • Ну как? Окно уже 800px или ещё нет?
    – istem
    26 мар 2013 в 17:49
  • "как сценарий работать" - моя твоя не понимать. 26 мар 2013 в 17:50
  • неа, не помог display: block; так как первоначально, на полном размере окна, #shelf должен быть не виден 26 мар 2013 в 18:26

2 ответа 2

22

@Kp Houseoff, у вас изменения происходят только по событию .resize(). Если вам надо высчитывать при загрузке, то и ставьте именно это событи, а именно .load():

function windowSize(){
    if ($(window).width() <= '995'){
        $('#shelf').show(10);
    } else {
        $('#shelf').hide(10);
    }
}
$(window).load(windowSize); // при загрузке
$(window).resize(windowSize); // при изменении размеров
// или "два-в-одном", вместо двух последних строк:
$(window).on('load resize',windowSize);
3
  • Спасибо! все что было (из очков) 26 мар 2013 в 18:48
  • 1
    @Kp Houseoff, не нужно нажимать "наградить"! По крайней мере, пока у вас не набралось достаточно баллов. Достаточно нажать "галочку" напротив вопроса и принять ответ, как правильный.
    – Deonis
    26 мар 2013 в 18:55
  • Ну... Не страшно 26 мар 2013 в 22:25
0

Выполнять проверку надо сразу. В вашем коде пока не произошел .resize() - не проверяется условие.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.