1

Нужно прописать условие в jquery:

Если aside.left_panel имеет style="display: none;" при разрешении экрана больше 600px, то сменить в aside.left_panel на style="display: block".

Как можно решить данный вопрос?

2
  • 1
    посмотри медия запросы css, просто css 20 июл 2015 в 12:30
  • А вы уверены, что вам нужно обрабатывать именно ширину экрана, а не область отображения браузера? Если только браузер а, то это можно сделать средствами css, что более удачный вариант нежели js. 20 июл 2015 в 17:54

4 ответа 4

3

Немного исправлю предыдущего комментатора:

function screen_check(){
    if ($(window).width() >= 600) { 
       $('.left_panel').style('display', 'block');
    } else {
       $('.left_panel').style('display', 'none');
    };
}

screen_check();
$(window).on('resize', function(){
    screen_check();
});
0
1

Вот примерно так:

$(window).resize(function(){
       if ($(this).width() > 600) { 
           $('.left_panel').style("display": "block");
       } else {
           $('.left_panel').style("display": "none");
       } 

    });
1
  • Немного исправлю: function screen_check(){ if ($(window).width() >= 600) { $('.left_panel').style('display', 'block'); } else { $('.left_panel').style('display', 'none'); }; } screen_check(); $(window).on('resize', function(){}); 20 июл 2015 в 12:15
1
.left_panel {
  display: none;
}

@media all and (min-width:600px) {
  .left_panel {
    display: block;
  }
}

PS: Сколько ж можно пихать скрипты куда ни попадя?

2
  • ps:не всегда верно 22 июл 2015 в 7:31
  • @SergeoAyshev, не всегда, но весьма часто. Чем этот вариант не подходит? Нигде не вижу чтобы что-то написано на эту тему.
    – Qwertiy
    22 июл 2015 в 8:53
0

и еще пару исправлений и нормально:

function screen_check(){
if ($(window).width() >= 600) { 
   $('.left_panel').css('display', 'block');
} else {
   $('.left_panel').css('display', 'none');
};}

Ваш ответ

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

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