Question

这是我在html中的范围

 <span id="spProgress" runat="server"></span>

现在我有2个javascript函数，一个用于显示加载指示符

  function DisablePage()
{
     document.getElementById('<%= spProgress.ClientID %>').innerHTML="<img src='Images/updateProgress.gif' />";
}

隐藏它的另一个功能。

function EnablePage()
{
    document.getElementById('<%= spProgress.ClientID %>').innerHTML='';
}

当我点击一个按钮时，它在本地系统上工作得非常好。但是当我把它放在生产服务器上时，图像没有显示。我检查了图像网址，但它完全没问题。令人惊讶的是，当我点击按钮时它没有显示，但如果我从我的网络应用程序下载文件，那么图像开始正常显示。

以下是我的客户端脚本代码

function hidePage()
{
    eraseCookie("DStatus");
    EnableMe();
}
function EnableMe()
{      
    var hddCdrDownloadRecordsLimit='<%=this.hddCdrDownloadRecordsLimit.ClientID %>';
    var hddTotalCount='<%=this.hddTotalCount.ClientID %>';

  if((document.getElementById(hddCdrDownloadRecordsLimit).value) < (document.getElementById(hddTotalCount).value))
    {
        DisablePage();
        document.getElementById('<%=this.btnSearch.ClientID %>').disabled=true;
    } 
    else 
    {
       DisablePage();
    } 
var downLoadStatus = readCookie("DStatus");
if (downLoadStatus == "Completed")
{
    EnablePage();
    document.getElementById('<%=this.btnSearch.ClientID %>').disabled=false;
}
else
{
 setTimeout("EnableMe()", 6000);
}

}

Answer 1

你应该尝试在页面加载时加载图像，将图像标记放在span中，然后使用“show”或“hide”该元素。

<span id="spProgress" runat="server" style="display:none;"><img src='Images/updateProgress.gif' /></span>

创建一个函数，将span元素的样式更改为显示（display：block）或隐藏（display：none）。

希望有所帮助。

Answer 2

你有没有检查html是否被附加到跨度？我会使用CHrome或firebug来检查元素，然后在新选项卡中单击打开的URL以查看它用于图像的完整URL。可能是因为它有错误的在线目录，你需要./Images first etc

图像不以跨度显示

2 个答案: