Question

我最近使用Firebase设置了一个小型网页；说： https://myapp.firebaseapp.com/。

它使用实时数据库向访问者提供内容。

通常可以，但是碰巧页面没有按预期加载。特别是在让其暂时不被触摸后。要加载页面，必须单击刷新按钮。

为什么会这样，我该如何避免呢？

作为参考，这里是index.html页面的相关代码。

<table id='ItemTableList'></table>
<script>
  const dbReference = firebase.database().ref('ItemList');
  let output = document.getElementById('ItemTableList');
  output.cellSpacing = 17;

  dbReference.on('value', function(listItem) {
    output.innerHTML = ''; // We clean the list.

    listItem.forEach(function(tutoItem) {
      let itemLnk = document.createElement('a'),
      itemR = document.createElement('tr'),
      itemD = document.createElement('td');
      const itemVal = tutoItem.val(),
      itemText = document.createTextNode(itemVal.name),
      lineBrk = document.createElement('br');
      itemLnk.appendChild(itemText);
      itemLnk.href = itemVal.url;
      itemD.setAttribute('style','text-align:center');
      itemD.style.backgroundColor = '#FEFEDB';
      itemD.appendChild(itemLnk);
      itemR.appendChild(itemD);
      output.appendChild(itemR);
    });
  });
</script>

加载带有实时数据库内容的页面时出现问题

0 个答案: