3

Internet Explorer の jQuery フェードアウト機能で問題が発生しました。

このFIDDLEでわかるように、どのバージョンの Internet Explorer でもフェードアウトしません。

しかし、それは div の位置が固定されている場合のみであることに気付きました ( position:fixed;)

回避策はありますか？

このコードでバグを再現できます

   <head>
        <script type="text/javascript">
            $(function() {
                $('.goBack').click( function(){   
                    $('#about').fadeOut(1000, function ()
                    {
                        $('#backend').fadeOut("slow");
                    });
                });
            });
        </script>
    </head>
    <body>
        <div id="backend">
            <div id="about">
                <div class="leftPanel">
                    <h1>About</h1>
                    <div class="menu">
                        <ul>
                            <li>Menu1</li>
                            <li>Menu2</li>
                            <li>Menu3</li>
                            <li>Menu3</li>
                        </ul>
                    </div>
                    <div class="goBack">
                        <p>Go Back</p>
                    </div>
               </div>   
            </div>
        </div>
    </body>

このCSSで

.leftPanel
{
    position:fixed;
    color:black;
}

ありがとうございました

4

4 に答える 4

2

デモでは、に十分なcssを使用していませんfixed。position:relative親に申請してtop＆を提供するleftと正常に機能します

#about{position:relative}

.leftPanel
{
    position:fixed;
     top:0;left:0;
 }

デモ：http：//jsfiddle.net/2ZGfL/1/

于 2012-12-29T19:55:04.257 に答える
0

スクリプトタグをbodyタグの後またはbodyタグの終わりの前に配置してみてください。

<body> 
    ........
    ........
    <script>

     // JQuery Script

    </script>
 </body>
于 2012-12-29T19:55:08.567 に答える
0

setTimeout 関数を使用してみてください...このようなもの...

setTimeout(function(){$("#about").fadeOut("fast");},2000);

それはうまくいくかもしれません...

また、位置を使用してみてください:絶対または相対...

于 2012-12-29T20:06:11.450 に答える
0

css を変更する必要はありません。これはうまくいきます：

$(function() {
$('.goBack').click( function(){   
  $(this).parent($('#backend')).fadeOut(1000);
});
});
于 2012-12-29T20:07:13.587 に答える