Jquery Ajax加载程序IE 7-未显示

我正在使用ajax加载程序。加载时出现的图像在IE7中没有显示，但在IE8和FF中工作正常。 我对loader使用了以下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 */

遮罩正在显示，窗口变灰，但加载图像未显示。请告诉我这如何适用于IE 7。

---

谢谢

我编辑了你发布的代码

由于您的代码最初发布在这一行：

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

正如我上面所说的

这是由于注释掉了该语句的开头而无法编译的代码

这只是你在这里复制时的一个输入错误，还是这就是问题所在

可能是

和

有问题

---

我会确保它们是正确的，然后再试一次。

我的猜测：您不喜欢有一个类名

。window

，这里引用：

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

或者，最有可能的原因是名为

id

的变量，即讨厌，因为它引用了其他东西。。。我试图找到更多的信息，但它给了我类似的麻烦

编辑：我的上述评论可能完全偏离了正轨，只是在花了两天时间调试一个AJAX请求后，因为IE是唯一一个不能很好使用的浏览器，当它让IE感到不安时，我变得有点偏执

---

关于您刚刚发布的css，我强烈建议使用jQuery设置不透明性，它主要是跨浏览器兼容的，而css则不是。

我怀疑问题出在css中。你能发布#dialogLoader的css属性吗？我会先把

id

改成一个不同的名字，甚至是

\u id

，我曾经花了几个小时，结果发现IE返回了一个对

窗口
属性的引用，或者类似的东西。我在问题中添加了Css。请查看。很抱歉，复制时可能会有注释，但代码中没有注释。回车符和换行符。你能详细说明一下吗？我无法理解。这可能不是是问题，但上次我在
IE
中遇到问题是因为我有一个名为
id
的变量
IE
将其引用为其他内容，当它到达我的服务器时，它是一个非常奇怪的长字符串。当我把名字改成别的名字时，这个问题就解决了。我已经把类窗口改成loadwin，把变量id改成dial，但是我看不出有什么不同。