jquery - jQuery $(window).resize 复制到 $(document).ready 以调整元素的大小和重新定位

Question

我有这个 jQuery 来设置滑块功能。这个滑块是整个屏幕的宽度和高度，所以当我调整窗口大小时，我需要它来重新计算这些大小。我试图在两个触发器上复制相同的代码，但它没有改变任何东西。请问各位能帮忙吗？

$(document).ready 上的代码如下：

qtPhotos = $('#slider ul li').length;
windowWidth = $(window).width();
windowHeight = $(window).height();

$('#slider').width(windowWidth).height(alturaJanela);
$('#slider > ul').width(windowWidth * qtPhotos);
$('#slider > ul > li').width(windowWidth).height(windowHeight);

$('#slider > ul > li:first').before($('#slider > ul > li:last'));
$('#slider > ul').css('marginLeft', '-'+windowWidth+'px');

$('#seta-next').click(function(){
    $('#slider > ul').stop(true, true).animate({'left': "-="+windowWidth+"px"}, 500, 'easeInQuad', function(){
        $('#slider > ul > li:last').after($('#slider > ul > li:first'));
        $('#slider > ul').css("left", "+="+windowWidth+"px");
    });
}); 

$('#seta-prev').click(function(){
    $('#slider > ul').stop(true, true).animate({'left': "+="+windowWidth+"px"}, 500, 'easeInQuad', function(){
        $('#slider > ul > li:first').before($('#slider > ul > li:last'));
        $('#slider > ul').css("left", "-="+windowWidth+"px");
    });
}); 

Answer 1

整个代码块需要包装在 $(window).resize() 中。你已经这样了吗？

所以 -

$(window).resize(function() {

// all your code here 

}).trigger("resize");