Команда JavaScript: »Если ширина div <500px ...«

Question

Я работаю со смесью между jQuery Splitter и Кладка .

Часть моего кода:

var splitter = $('#main_container').split({
orientation: 'vertical',
limit: 100,
position: s1+'px',
onDrag: function(event) {
setCookie("left", splitter.position() );
Splitter();
$('.grid').masonry({
itemSelector: '.grid-item',
percentPosition: true,
horizontalOrder: false
});
}
});

Splitter();
function Splitter(){
if( splitter.position() <500){
$('.grid-item').css("width", "100%");
$('#show_all').fadeOut();
}
else{
$('.grid-item').css("width", "33.3333%");
$('#show_all').fadeIn();
}
}

И мне нужна такая команда: » Если контейнер # контейнер (с гибкой шириной) имеет ширину <500 пикселей, позиция должна быть снова в позиции <em>:« 50% » ширина предел: 300 . «

Как это возможно? Был бы так благодарен за помощь! <3 </p>

//

РЕДАКТИРОВАТЬ: что-то вроде » Перезагрузить страницу, если # контейнер имеет ширину <500px </strong>« будет также хорошо.

Я пробовал это:

function refreshPage() {
if ($('#container').width() < 900);
}

Но это не работает.

Answer 1

Если вы хотите перезагрузить страницу, если контейнер имеет ширину менее 500 пикселей, попробуйте:

setInterval(function(){
  if($("#container").width < 500){
    location.reload()
  }
}, 100);

Это устанавливает таймер на 10 раз в секунду, который проверяет, является ли ширина контейнера меньше 500,если он меньше 500, он перезагрузит страницу.