Question

我有一个div，其中包含从XML文件中读取的一些数据。

问题是div在显示XML数据之前会闪烁“占位符”。这是代码：

<div id="Scoreboard">
<table cellpadding="0" cellspacing="0" border="0">
  <tr spry:detailregion="dsScores" spry:repeat="dsScores">
    <td>
      <table class="game" cellpadding="0" cellspacing="0" border="0">
        <tr>
            <td class="info" colspan="2">{dsScores::sport} - {dsScores::date}</td>
        </tr>    
        <tr>
            <td class="name">{dsScores::awayName}</td>
            <td class="score">{dsScores::awayScore}</td>
        </tr>
        <tr>
            <td class="name">{dsScores::homeName}</td>
            <td class="score">{dsScores::homeScore}</td>
        </tr>
      </table>
    </td>
  </tr>
</table>
</div>

因此，在XML使用团队名称和分数填充表格之前，访问者会在括号中看到这些东西一瞬间。我的问题是，如何在XML文件完全加载之前隐藏Scoreboard div，以便访问者永远不会看到占位符？

谢谢。

Answer 1

假设您使用JavaScript填充值，您可以隐藏外部div：

<div id="Scoreboard" style="display:none;">

然后在使用您的数据更新单元格后立即运行：

document.getElementById('Scoreboard').style.display = '';

在显示Div之前完全加载XML

1 个答案: