Как изменить класс div при обновлении дочернего узла в базе данных Firebase? - PullRequest
0 голосов
/ 06 декабря 2018

Моя цель - показать содержимое в элементе div, а затем отобразить именно то, что написано в базе данных Firebase, в соответствии с двумя сценариями: принято или отклонено.Таким образом, он не работает по какой-то причине, даже когда пользователь вошел в систему.

Как это можно исправить?

Ниже приведена ситуация.

Для ошибки консоли:

Uncaught TypeError: Cannot read property 'results' of null

index.esm.js:695 Uncaught TypeError: Невозможно прочитать нулевые имена свойств (анонимная функция) @ (index): 330 (анонимная функция) @ index.esm.js: 4458mt @ index.esm.js: 684t.raise @ index.esm.js: 9720t.raiseQueuedEventsMatchingPredicate_ @ index.esm.js: 9674t.raiseEventsForChangedPath @ index.esm.js: 9658 (анонимная функция) @ index.esm.js: 12676 (анонимная функция) @ index.esm.js: 1179Mage_j.esm.js: 12046t.onDataMessage_ @ index.esm.js: 11331t.onPrimaryMessageReceived_ @ index.esm.js: 11325 (анонимная функция) @ index.esm.js: 11226t.appendFrame_ @ index.esm.js: 10831tramele@ index.esm.js: 10881mySock.onmessage @ index.esm.js: 10778

Для принятых:

<div id="one" class="hide">
   <div id="stageone"></div>
</div>

Для отклоненных:

<div id="two" class="hide">
  <div id="stagetwo"></div>
  <div id="status"></div>
</div>

Для database.rules.json

{"rules": {".read": true, ".write": true }}

Для Javascript:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script type="text/javascript">
    var okay = firebase.database().ref("users/" + uid + "/accepted");
    okay.on("value", function(snapshot) {
      var data = snapshot.val();
      $("#stageone").val(data.results);
      $("#one").removeClass('hide');
    });
    var nokay = firebase.database().ref("users/" + uid + "/rejected");
    nokay.on("value", function(snapshot) {
      var data = snapshot.val();
      $("#stagetwo").val(data.names);
      $("#status").val(data.results);
      $("#two").removeClass('hide');
    });
  </script>

Для структуры базы данных:

enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...