JavaScript命令：»如果div寬度<500px ...«

Question

我使用jQuery Splitter和Masonry之間的混合物。

我的代碼的一部分是：

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

我需要一個這樣的命令：» 如果容器#container （寬度靈活）寬度<500px，則位置必須再次位於：'50％'寬度限制：300 。 «

怎么可能？ 會非常感謝你的幫助！ <3

//

編輯：像» 如果#container <500px寬 « 重新加載頁面也可以。

我試過這個：

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

但它不起作用。

Answer 1

如果要在容器寬度小於500px時重新加載頁面，請嘗試：

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

這將計時器設置為每秒10次，檢查容器寬度是否小於500，如果小於500，它將重新加載頁面。