-1

だから、このフィドル： http: //jsfiddle.net/aXsWz/31/は実際に私が望むように動作します。ただし、それは私の実際のコードでは起こりません (Fiddle で問題を再現することはまだできません)。しかし、うまくいけば、私はそれを徹底的に説明して助けを得ることができます. Firefox と IE では機能しますが、Chrome では機能しません。

   $(document).ready(function() {

$('div#navNavigate').click(function(){
        $('div#navNavigateHide').show()
        $('div#navNavigate').hide()
        $('div#sideNav').show()
        $('div#container').animate({'left':'+=120'});
    });  

$('div#navNavigateHide').click(function(){
        $('div#navNavigate').show()
        $('div#navNavigateHide').hide()
        $('div#container').animate({'left':'-=120'});
    });
});

「コンテナ」の div が単に移動するのではなく、最初に左にジャンプして新しい開始位置に移動し、次に指定された距離だけアニメーション化します。また、ジャンプは指定されたアニメーション距離よりも長い距離であることに注意してください (つまり、コンテナが画面からほぼ外れてジャンプし、アニメーションで部分ビューに戻ります。同じ距離ジャンプした場合は、アニメーションで元の位置に戻ります)。 ）。

複製できるようになったら、より多くのコード/更新されたフィドルを投稿しますが、それまで誰かが助けてくれれば大歓迎です。ありがとう！

編集*したがって、通常のファイルに入れてChromeで表示すると、フィドルは機能しません。残念ながら、jsfiddle を使用して複製する方法はありません。ただし、助けて問題を確認したい人は、フィドルを 3 つのファイルにコピーして貼り付け、html を開いてください。問題の動作を確認できます。

編集*私はただ考えていました...それが私のコンピューターで起こっているだけなら、それは私のjQueryでしょうか? 現在、1.7.1 をダウンロードしています。だから多分私は最新バージョンを手に入れに行くでしょう。多分それはうまくいくでしょう...

編集*修正済み！jQuery版でした。いいですね。

4

3 に答える 3

2

それを私が直した！さて、最新バージョンの jQuery をダウンロードしたところ、動作するようになりました。簡単な修正。ついに！

于 2012-11-01T04:52:07.033 に答える
-1

交換してみてください

  $('div#container').animate({'left':'+=120'});

と

   $('div#container').animate({'left':'-=120'});

と

  $('div#container').stop().animate({'left':'+=120'});

と

  $('div#container').stop().animate({'left':'-=120'});
于 2012-11-01T04:04:44.243 に答える
-1

機能を1つに統合できるようです。これは、タイミング/シーケンスの問題に役立つ場合があります。

これを試して：

var hidden = true;
$('div#navNavigate').click(function(){
if (hidden) {    
    $('div#container').animate({'left':'+=120'});
} else {
    $('div#container').animate({'left':'-=120'});
}
    hidden = !hidden;
});

フィドル </p>

于 2012-11-01T04:49:56.703 に答える