div和图像不显示在Chrome

我有一个网页，我做了一个Ajax调用点击按钮，一旦我点击按钮它弹出一个.gif图像。贝娄代码，我已经习惯了这样做div和图像不显示在Chrome

HTML

<div class="overlay" id="enrollMeLoading" style="display:none"> 
    <img src="~/Images/loading.gif" style="width: 6%; margin-left: 43%; margin-top: 25%;" /> 
</div>

jQuery的：一个按钮点击此图片必须显示了

$('#enrollMeLoading').show();

此功能在Firefox的工作，但是当我尝试在Chrome中，它不显示图像。

请帮我解决问题。

来源

2014-09-04 Riki

可以请您分享问题陈述的jsfiddle链接吗？ – 2014-09-04 06:20:41

尝试'〜'的'＆＃126'。 – loveNoHate 2014-09-04 06:22:34

类似的代码适用于我，请参阅[this]（http://jsfiddle.net/90ssvnry/） – 2014-09-04 06:23:34

在onclick按钮中使用此代码。

 $('#enrollMeLoading').show();       
      setTimeout(function(){ 
//Make your ajax call here 
    }, 100);

在这种情况下，gif出现，然后ajax调用发生。如果你在显示语句旁边做一个Ajax调用，那么gif不会显示大部分时间。

来源

2014-09-04 06:27:43 mallik

试试这个 DEMO

HTML：

<input type="button" id="btn" value="show imgae" /> 

<div class="overlay" id="enrollMeLoading" > 
    <img src="~/Images/loading.gif" style="width: 6%; margin-left: 43%; margin-top: 25%;" /> 
</div>

CSS：

#enrollMeLoading { 
    border:1px solid #f00; 
    min-height:200px; 
} 

#enrollMeLoading img { 
    border:1px solid #f00; 
    min-height:200px; 
    display:none; 
}

的jQuery：

$(function(){ 
    $('#btn').on('click',function(){ 
     $('#enrollMeLoading img').css('display','block');  
    }) 
})

注意：您能不能给展现给当前元素，必须创建单独的按钮

来源

2014-09-04 06:28:34 stanze

div和图像不显示在Chrome

回答

相关问题