で働いていない私は自分のサイトにこのコードを使用しています：FFでトグルIE
var panel = $('.couch-hide');
var originalPos = panel.css("right");
panel.toggle(function() {$(this).animate({right:0},1000, 'easeOutBounce');},function(){$(this).animate({right:originalPos},1000);}
);
それは完璧に動作しますが、IEで、それはクリックで飛び出しません。また、私はCSSを使用して右それは水平スクロールバーを示していますが、FFではありません。この問題を解決するために私が何ができるかについてのアイデアはありますか？
Opera、Firefox、IE6/8でも同じように動作します。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>sandbox</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.easing.js"></script>
<script type="text/javascript">
$(function(){
var panel = $('.couch-hide');
var originalPos = panel.css("right");
panel.toggle(
function(){$(this).animate({right:0}, 1000, 'easeOutBounce');},
function(){$(this).animate({right:originalPos}, 1000);}
);
});
</script>
<style type="text/css">
.couch-hide {
position: absolute;
right: 100px;
}
</style>
</head>
<body>
<div class="couch-hide">Click me!</div>
</body>
</html>
テキストは、画面の右端に対してバウンスし、次いでバックハエ：以下のコードを使用して
。
これを行うにはtoggleを使用していますが、奇妙に思えます。少なくともドキュメントには、2つの機能を提供するときに何が起こるべきかについて言及されていません。これはjquery.easing.jsによって追加された動作ですか？それに慣れていない。
あなたのHTMLとCSSも提供していただければ役に立ちます。
遅れて申し訳ありません。返信ありがとうございました。FFでご覧になれます：http：//www.catonthecouchproductions.com/new/ - しかしIEでは、私の言いたいことがわかります。ありがとうございました。 – Coughlin
まず、console.log（）はIE（および他のいくつかのブラウザ）でもサポートされていないため、その時点でスクリプトがクラッシュします。その後、ソファは画面外に配置され、IEは水平スクロールバーを追加します。それを避けるために、代わりに背景イメージとしてアニメートしてみてください...実際にはわかりません。そのようなことをする必要はありません。 –
IEで「originalPos」に設定されている値を確認しましたか？ –
これを確認するにはどうすればよいでしょうか？あなたは変数の権利について話していますか？火かき棒を見つけようとするが、IEのためにそこに1つがあることを知っている。 – Coughlin
私はこれを見つけました：http://www.debugbar.com/?langage=en - 私はそれを試してみます。 – Coughlin