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');
};}

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

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