0

スライダー機能を設定するためにこの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");
    });
});
4

1 に答える 1

1

そのコードブロック全体を$（window）.resize（）でラップする必要があります。もうそのようになっていますか？

それで -

$(window).resize(function() {

// all your code here 

}).trigger("resize");
于 2012-09-27T14:21:01.500 に答える