Свойство onClick не добавлено с помощью Firebase

Question

Свойство onClick не добавлено с помощью Firebase

1

Может ли кто-нибудь объяснить, почему свойство onclick не появляется или не вводится? Мне нужен способ щелкнуть по этим данным.

Здесь есть небольшое тестовое приложение, показывающее проблему

Посмотрите ниже, где я добавляю свойство onclick к

Это свойство никогда не вводится, хотя свойство ID

<script src="https://www.gstatic.com/firebasejs/4.3.1/firebase.js"></script>
<script>
// Initialize Firebase
var config = {
    apiKey: "AIzaSyAgAShL4UzKAyNekPt92Y78Us684Fkhv4s",
    authDomain: "sample-e2b57.firebaseapp.com",
    databaseURL: "https://sample-e2b57.firebaseio.com",
    projectId: "sample-e2b57",
    storageBucket: "sample-e2b57.appspot.com",
    messagingSenderId: "304885560213"
};
firebase.initializeApp(config);
</script>

<html>
<body>

<ul id="singleBus-ul"></ul>

</body>
</html>


<script>
const singleBus = document.getElementById('singleBus-ul');

var ref = firebase.database().ref("dinosaurs");
ref.orderByChild("height").equalTo(25).on("child_added", function (snapshot) 
{
    console.log(snapshot.key);

    const li = document.createElement('li');
    li.innerText = snapshot.child("height").val();
    li.onclick = "location.href = 
    'http://stackoverflow.com/questions/3486110/make-a-list-item-clickable-
    html-css';" // ******** THIS DOESN'T SHOW UP !! ********** //
    li.id = snapshot.key;
    singleBus.appendChild(li);

})

Spinteractive 21 сен. 2017, в 21:42

Источник

0

установить его в функцию? li.onclick = function () {return "hi"};
Jay Lane 21 сен. 2017, в 19:20
0

Я установил его в функцию - location.href - ничего не меняет. Так что это работает в простом HTML-документе, но не использует FireBase. Как будто Firebase не вставляет это свойство.
Spinteractive 21 сен. 2017, в 19:26
0

Вы устанавливаете это в строку, не имеет ничего общего с firebase. developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/… вам нужно передать ему функцию или функцию ref
Jay Lane 21 сен. 2017, в 19:29
0

Что меня смущает, так это то, что это работает в простом HTML-документе и представляет собой строку <ul> <li onclick = "location.href = ' stackoverflow.com/questions/3486110/… Элемент списка, доступный для нажатия </ li> </ ul>
Spinteractive 21 сен. 2017, в 19:34
0

Вы не назначаете атрибут в этом случае, вы добавляете обработчик события. т.е. x.setAttribute ('onClick', 'boo'); будет отображаться на HTML
Jay Lane 21 сен. 2017, в 19:35

Показать ещё 3 комментария

Теги:

javascript

firebase

firebase-realtime-database

1 ответ

Ещё вопросы

установить его в функцию? li.onclick = function () {return "hi"};
Я установил его в функцию - location.href - ничего не меняет. Так что это работает в простом HTML-документе, но не использует FireBase. Как будто Firebase не вставляет это свойство.
Вы устанавливаете это в строку, не имеет ничего общего с firebase. developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/… вам нужно передать ему функцию или функцию ref
Что меня смущает, так это то, что это работает в простом HTML-документе и представляет собой строку <ul> <li onclick = "location.href = ' stackoverflow.com/questions/3486110/… Элемент списка, доступный для нажатия </ li> </ ul>
Вы не назначаете атрибут в этом случае, вы добавляете обработчик события. т.е. x.setAttribute ('onClick', 'boo'); будет отображаться на HTML

Jay Lane · Accepted Answer · 2017-09-21T18-01-00.000Z

Вам нужно передать функцию или функцию ref в onclick. См этот

Пример игры:

li.onclick = ()=>{alert('hello')}

Это работает, и я понял это сейчас. Спасибо.
нет проблем, рад, что смог помочь. просто помечен как ответ, когда вы получаете шанс.
Буду ли я реализовывать это сейчас, я мог бы немного руки :)
дайте мне знать, если что-нибудь еще подходит
Мы пинаем задницу! еще раз спасибо :))