这可能很简单,但我似乎无法弄明白。
我正在从Firebase查询数据,然后我尝试将参数传递给名为createPostElement
的函数,该函数创建我的HTML元素。
出于某种原因,我的代码仅适用于Firefox。
传递来自dbRefObject
的数据似乎无效。没有错误,没有。
function createPostElement(title, categories, audio, key, thumbnail) {
var html = '<div class="title">' + title +'</div>';
var container = document.getElementById('page-content');
container.insertAdjacentHTML('beforeend', html);
}
function startDatabaseQueries() {
// Create reference
const dbRefObject = firebase.database().ref().child('podcasts');
// Sync object changes
var fetchPosts = function() {
dbRefObject.on('child_added', function(snap) {
createPostElement(snap.val().title, snap.val().categories, snap.val().audio, snap.key, snap.val().thumbnail);
});
};
// Fetching and displaying all posts of each sections.
fetchPosts();
}
startDatabaseQueries();