调整窗口大小后刷新 div答案

【问题标题】：Refresh div after window resize调整窗口大小后刷新 div
【发布时间】：2014-03-14 01:38:50
【问题描述】：

我正在构建响应式布局网站，除了一个插件外，一切都很好。插件是 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){
}

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

【问题讨论】：

【解决方案1】：

你试过了吗？

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

【讨论】：

$(window).resize(function() { var bodywidth = $(document).width(); $("#div").width(bodywidth - 340); });不工作

【解决方案2】：

使用 jQuery，当使用这段代码触发调整大小事件时，您可以执行任何您想要的代码：

$( window ).resize(function() {

});

在函数内容中，您可以使用 div 宽度进行类似操作：

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

【讨论】：