Ajax Loader IE 7-非表示

Question

私はajaxローダーを使用しています。読み込み中に表示される画像はIE7では表示されていませんが、Internet Explorer 8とFFでは正常に動作しています。 私はローダーのために、以下のjQueryを使用している： - ここに

initLoader(); 

function initLoader() 
{ 
    //Get the A tag 
    var id = $('#dialogLoader'); 

    //Get the screen height and width 
    var maskHeight = $(document).height(); 
    var maskWidth = $(window).width(); 

    //Set height and width to mask to fill up the whole screen 
    $('#mask').css({ 'width': maskWidth, 'height': maskHeight }); 

    //Get the window height and width 
    var winH = $(window).height(); 
    var winW = $(window).width(); 

    //Set the popup window to center 
    $(id).css('top', winH/2 - $(id).height()/2); 
    $(id).css('left', winW/2 - $(id).width()/2); 
} 

function showLoader() 
{ 
    //transition effect  
    $('#mask').show(); 
    $('#dialogLoader').show(); 
} 

function hideLoader() { 
    $('#mask').hide(); 
    $('#dialogLoader').hide(); 
    $('.window').hide(); 
} 

//To Start and hide loader 
$("#mask").bind("ajaxStart", function() { 
    //alert('start'); 
    showLoader(); 
}).bind("ajaxStop", function() { 
    //alert('end'); 
    hideLoader(); 
}); 

はCSSです： -

/* Loader CSS start */ 
#mask 
{ 
    position: absolute; 
    left: 0; 
    top: 0; 
    z-index: 9000; 
    opacity: 0.4; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* first!*/ 
    filter: alpha(opacity=40); /* second!*/ 
    background-color: gray; 
    display: none; 
} 

#boxes .window 
{ 
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 440px; 
    height: 200px; 
    display: none; 
    z-index: 9999; 
    padding: 20px; 
} 

#boxes #dialogLoader 
{ 
    width: 70px; 
    height: 60px; 
    padding: 20px; 
    text-align: center; 
    background-color: #ffffff; 
    border-radius: 20px; 
    -moz-border-radius: 20px; 
    font-size: 0.9em; 
    font-family: Arial; 
} 
/* Loader CSS End */ 

マスクは、ウィンドウが灰色になります表示されているが、搭載画像がplzは私を聞かせて示されていませんこれがIE 7でどのように機能するのかを知ってください。 ありがとう!!!

Answer 1

あなたが投稿したコードを編集しました。あなたのコードは、もともとこのライン投稿されましたとおり

：私は上記のように表示さ

//To Start and hide loader $("#mask").bind("ajaxStart", function() { 

でした。

これは、このステートメントの開始点をコメントアウトしてからコンパイルされないコードです。

ここにコピーしたときのこれはちょうどタイプミスか、これは問題ですか？

<CR>と<LF>に問題がある可能性があります。

私は彼らが正しいことを確認し、試してみるでしょう。

Answer 2

私の推測：それはあなたがここで参照、クラス名.windowを持っていることを好きではない：

$('.window').hide(); 

か、そしておそらく、それが参照するので、理由idという名前の変数を、IE がをすることを嫌っています他の何か...私はこれについてのより多くの情報を見つけようとしているが、それは私に同じようなトラブルを与えた。

EDIT：私は上記のコメントを完全にオフトラックすることができ、それはIEが、それはとうまくプレーしなかったことだけで、ブラウザだったので、AJAXリクエストをデバッグ二日過ごした後、私は少し偏執的になっているだけということですそれはIEを怒らせる時です。

投稿したばかりのCSSについては、jQueryを使用して不透明度を設定することをお勧めします。これは主にブラウザ間で互換性があり、CSSはそうではありません。