2014-01-15 2 views
1

Настройка и учетная запись на http://feedthefire.in и на Firebase dot com - для управления каналами я хотел бы отображать на своем сайте. Я настраивал все, и фиды попадают в Firebase так же, как и должно, теперь настало время добавить его на веб-страницу ... ничего, не могу получить каналы, чтобы втянуть их из Firebase. Я добавил firebase.js ссылку в заголовке и в теле я поместилДобавление Firebase VAR на сайт

<script type="text/javascript"> 
    var ref = new Firebase"'https://aodf.firebaseio.com"); 
    ref.child("meta").once("value", function(snapshot) { 
     $("#e-title").html(snapshot.val().description); 
    }); 
    ref.child("articles").limit(3).on("child_added", function(snapshot) { 
     var article = snapshot.val(); 
     var link = $("<a>", { 
      "href": article.link, 
      "target": "_blank" 
     }); 
     $("#e-list").append($("<li>").append(link.html(article.title))); 
    }); 

, когда вы идете в http://sandbox.studiorooster.com/ao я должен видеть список каналов, но у меня нет, так что я знаю я должен поместить что-то еще в код; Я думаю :)

ответ

2

Есть целый ряд проблем, в том, что вы писали выше, каждый из которых описан ниже:

  1. Синтаксическая ошибка в строке # 2: var ref = new Firebase("https://aodf.firebaseio.com");
  2. Вы загружаете описание на строках № 3-5, но никогда не выполняйте его, потому что на странице, с которой вы связались, нет элемента с идентификатором e-title. Попробуйте добавить <h2 id="e-title"></h2> в ваш шаблон.
  3. Аналогичным образом вы загружаете ряд статей в строках # 6-13 и пытаетесь добавить каждый из этих элементов в список с идентификатором e-list, который также не существует в вашем шаблоне. Попробуйте добавить <ul id="e-list"></ul> в свой шаблон.

Надеюсь, что это поможет!

+0

Спасибо, Роб. Я внес изменения, как это было предложено, но он все равно ничего не влечет. Любые другие идеи? Чем ты снова. –

+0

Глядя на [http://sandbox.studiorooster.com/ao/](http://sandbox.studiorooster.com/ao/), у вас все еще есть синтаксическая ошибка: «var ref = new Firebase» https://aodf.firebaseio.com ");' должен быть 'var ref = new Firebase (" https://aodf.firebaseio.com ");'. –

+0

Я рекомендую прочитать [Google Chrome DevTools] (https://developers.google.com/chrome-developer-tools/docs/console), чтобы узнать, как использовать инструменты браузера для отслеживания этих проблем. –

Смежные вопросы