窗口大小调整后刷新div

时间:2014-02-14 15:49:53

标签: jquery css resize refresh

我建立响应式布局网站和eveything除了一个插件之外会很棒。 插件是ulslide(轻量级图库)

width of parent is:    
width:calc(100% - 330px);

width of div where plugin is:
width:100%;

-330px = panel on the right side

除了这一个div之外,一切都很好看 - 它正在缩放但是在网站刷新之后...... 窗口大小和方向改变后,是否可以通过jquery div刷新? 如果不是,当窗口大小改变时,是否可以“在飞行中”改变该对象的宽度?

我搜索了类似的东西,但所有答案都是关于我不想使用的整个网站刷新。

我可以使用:

@media only screen and (max-width: XXXpx){
}

但那将是我想要的最后一件事。

2 个答案:

答案 0 :(得分:1)

使用jQuery,您可以使用以下代码触发resize事件时执行任何所需的代码:

$( window ).resize(function() {

});

在功能内容中,您可以使用div宽度进行操作:

$('#yourDivID').width(100);

答案 1 :(得分:1)

你试过这个吗?

$( window ).resize(function() {
     your function
});

详细信息: https://api.jquery.com/resize/