动态改变宽度的jquery，出了什么问题？答案

【问题标题】：Dynamic width changing jquery, what is wrong?动态改变宽度的jquery，出了什么问题？
【发布时间】：2013-08-12 20:41:13
【问题描述】：

我刚刚完成了第一个网站索引的编码，一切似乎都还不错，除了我用 jQuery 制作的图像滑块。

我还编写了一段代码，可以根据窗口的宽度使滑块变大或变小，并且可以正常工作。但问题是，它只有在我刷新浏览器后才有效。我想让它立即工作，这样当用户调整浏览器的大小时，滑块会相应地获得更大或更小的宽度。

这是我写的代码：

$(window).resize(function(){
  $('#homeSlider').css({
    width: ($(window).width())*0.3167
  });
});
$(window).resize();

【问题讨论】：

标签： jquery resize window refresh

【解决方案1】：

function set_resize(){
  $('#homeSlider').css('width',(($(window).width())*0.3167));
}
$(document).ready(function() {
     set_resize();
});
$(window).resize(function() {
    set_resize();
});

【讨论】：

【解决方案2】：

首先，为什么不直接使用 css width: 31.67%？

那么您应该将您的代码包装在$(document).ready() 中，因为这样可以确保您调用$(window).resize() 时您的silder 已经存在。

$(document).ready(function() {
    $(window).resize(function(){
      $('#homeSlider').css({
        width: ($(window).width())*0.3167
      });
    });
    $(window).resize();
});

【讨论】：

不会 width:31.67% 占包含 div 宽度的百分比吗？还是视口？我真的不知道。
容器div的宽度。但通常 css 用于使网站具有响应性。您还可以将宽度添加到容器或任何需要使滑块适应视口的位置。
如果你想用 css 尝试它并需要帮助，你应该发布你的 html。
哦，好吧。因为我的容器比视口小。这会迫使我使用 jQuery 吗？
不，它不会强迫你使用 jQuery。