1

私はjqueryが初めてで、フルページのレスポンシブスライダーを構築しようとしています. 各スライド/パーセント値で異なることが起こることを除いて、うまく機能しています。私のスライドはすべて「スライダー」にあり、幅は 100% です。

スライド 1 - (表示される場合) 'slider' left 0
スライド 2 - 'slider' left -100%
スライド 3 - 'slider' left -200%
など

最初の if ステートメントは正常に機能しますが、2 番目のステートメントは効果がありません。「オフセット」の代わりに「位置」も試しました。

$('#next').click(function(){
    $('#slider').animate({'left': '-=100%'},
        function() {
            var pos = $('#slider').offset();
            if (pos.left < 0) {
                $('#div1').show();
                } 
            else if (pos.left == '-700%') {
                $('#div1').hide();
                } 
     });    
});

どんな助けでも大歓迎です！ありがとうございました。

4

2 に答える 2

0

jqueryを使用してスライダーの幅をピクセル単位で指定し$('#slider').width()、それを100倍するとパーセンテージが得られます。

100% >> $('#slider').width()
700% >> $('#slider').width() * 7
于 2012-11-23T14:48:24.487 に答える
0

offset()px常に値を返すように jQuery によって正規化されます。要素に適用した CSS に関係なく。

topとのleft値は数値であり、文字列ではありません。参考までに。

于 2012-11-23T14:48:04.860 に答える