0

作品例

私は jQuery を練習してきましたが、このエラーについて教えていただけないでしょうか。

矢印を使って絵を動かしているウェブサイトに出くわし、それを学ぼうとしました。

ただし、私の場合は、各側で 1 回のクリックしか機能しません。このdivで終わるまで、右のボタンにもっと多くの画像を表示させることはできません。もう一度クリックしても何も起こりませんでした。デバッグできるコンソールはありません。

HTML:

  1. 左ボタンのdiv。
  2. 特定の幅overflow:hiddenの div と width:1000px の別の div を使用して、写真をグループに保持します。
  3. 右ボタン

注：毎回150pxのjQuery move CSSを使用することをテストしています。ここにも投稿しました。写真は違いますがコードは同じです。

jsfiddle.net/bewPromtong/ufvgp

4

1 に答える 1

0

私はあなたのif/else発言を台無しにしましたが、あなたの問題に対する解決策を見つけました。既存の値の上に追加するのではなく、leftに設定するだけでした。これを修正するには、jquery をこれに変更します。 -150px150pxanimate

var leftanimator = function() {
    var $maxL = $('#images').css('left');
    if ($left <= $maxL) {
        return false;
    }else {
    $wrapper.animate({'left':'+=150px' }, 1000);  //this change
    }
    return false;
}
var rightanimator = function() {
    var $right = $('#images').offset().left;
    var $maxR = 0;
    $wrapper.animate({'left':'+=-150px' }, 1000);  //this change
        return false;
}

jsfiddleはこちら

if/else正しいアニメーター関数に再度追加することを忘れないでください! 笑

于 2013-04-14T22:35:44.440 に答える