Question

我的代码的一部分是：

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％'宽度为< em>限制：300 。«

那怎么可能？会非常感谢您的帮助！ <3

//

编辑：»如果 #container 宽度为<500px «，则重新加载页面也是可以的。

我尝试过：

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

但这不起作用。

Answer 1

如果您要在容器宽度小于500像素的情况下重新加载页面，请尝试：

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

这会将计时器设置为每秒发生10次，以检查容器宽度是否小于500，如果小于500，则会重新加载页面。

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

1 个答案: