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

Question

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

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

这是我写的代码：

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

Answer 1

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

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

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

Answer 2

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