0

私はここにFirefoxで完全に機能するが、chromeやIEでは機能しないコードをいくつか持っています。

したがって、私のJavaScriptは

`
$（document）.ready（function（）{
                $（ "＃clientLoginPop"）。show（）;                                 
                $（ "＃clientLoginPop"）。animate（{"left"： "-= 400px"}、 "fast"）;
                }）;
                $（ "＃clientLoginCloseLink"）。click（function（）{
                $（ "＃clientLoginPop"）。animate（{"left"： "+ = 400px"}、 "fast"）;
                }）;
                $（ "＃contactUsPopLink"）。click（function（）{
                $（ "＃contactUsPop"）。show（）;
                $（ "＃contactUsPop"）。animate（{"left"： "-= 437px"}、 "fast"）;
                }）;
                $（ "＃contactUsClose"）。click（function（）{
                $（ "＃contactUsPop"）。animate（{"left"： "+ = 474px"}、 "fast"）;
                }）;
}）;
`

そして最後に、divのcssは次のようになります。かなり重要なことに、ブラウザーの右側に配置されていると思います:(クライアントのログインdivは、高さが異なるだけで似ています）

`
#contactUsPop
{{
    幅：437px;
    右：-437px;
    margin-top：220px;
    位置：固定;
    高さ：217px;
    背景-色：白;
    z-index：2;
}
`

つまり、Firefoxで発生するのは、divが左にアニメートし、閉じると右に戻ることです。Chromeでは、divがまったくポップアップしないように見えますか？

サイトのURLは次のとおりです。

http://clearcreativegroup.com/devcorner/clear3/

タブはブラウザの右側にあります。アドバイスはたくさんあります。ありがとうございます。

4

4 に答える 4

2 
$("#clientLoginPop").animate({"right": "+=400px"}, "fast");
于 2010-04-03T03:51:47.720 に答える
1

クロムでは...アンカーをクリックすると、ウィンドウの左端に表示され、左に移動します。

左/右のプロパティを加算または減算するのではなく、特定の値に設定してみましたか？

元：

$("#clientLoginPop").animate({"left": "-1000px"}, "fast");

とペアリング

$("#clientLoginPop").animate({"left": "400px"}, "fast");
于 2010-04-03T03:47:11.283 に答える
1

私は通常、CSS float、またはposition：absoluteを使用します。Webインターフェイスを調整します。

CSS position：absoluteを効果的に使用するには、親ブロックでposition：relativeを使用します。

これは、Twitterのようなログインを作成するための優れたリファレンスです。

于 2010-04-03T04:04:18.087 に答える
1

leftとプロパティの両方を割り当てると、ChromeとFirefoxの解釈が異なると思いrightます。right代わりにプロパティをアニメーション化するか、アニメーション化する前にプロパティを削除してみてくださいleft。

于 2010-04-03T03:37:13.380 に答える