0

私はjsを初めて使用し、1ページに2つのアニメーションメニューが必要です。
ここに例がありますが、2つの問題があります。
http://jsfiddle.net/misemefein/k3dKz/5/

1：ページの読み込み時にメニューdivを画面外にし、関連するクリックでスライドインしたい。
  現在はその逆です。
2：アニメーションはjsfiddleで機能していますが、ブラウザのテストページでは機能していません：http：//bit.ly/M7TZrt

どんなアイデアもありがたい

4

2 に答える 2

0
  1. css、jsfiddle: http://jsfiddle.net/k3dKz/6/を使用して、要素を本体の外側に配置します。

女の子のクリックイベントを更新して、反対方向にアニメーション化する必要があります。

  1. この Web サイトで jQuery をリンクしていません。コンソールに「$ が定義されていません」と表示されます。jQuery をロードしていることを確認してください。動作するはずです。
于 2012-07-31T10:07:11.480 に答える
0

JavaScript だけでなく、CSS も変更できます。あなたの CSS とanimate()関数は要素を適切に配置していません。

$(document).ready(function() {
  $('#slideboys button').click(function() {
        var $lefty = $(this).next();
        $lefty.animate({
          left: parseInt($lefty.css('left'),10) == 0 ?
          -$lefty.outerWidth() :
          0
        });
  });
  $('#slidegirls button').click(function() {
        var $righty = $(this).next();
        $righty.animate({
          right: parseInt($righty.css('right'),10) == 0 ?
          -$righty.outerWidth() :
          0
        });
  });
});

これが修正された作業フィドルですhttp://jsfiddle.net/k3dKz/7/

次の行も追加します。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">

また

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js">

<header>コードを実行するために、Web ページの一部内に挿入します。

お役に立てれば...

于 2012-07-31T10:36:09.230 に答える