2015-05-16 17 views
1

Итак, я загрузил файл instafeed.min.js на свою машину. Я пытаюсь включить его в моем HTML-файл, и я делаю так, как, например:Исходный код JavaScript

<script src ="instafeed.min.js", type = "text/javascript"> 

Какой должна быть правильной, как и файл JavaScript, и мой HTML файлы находятся в одной и той же директории. Тем не менее, когда я запускаю этот сценарий:

<script type = "text/javascript"> 
    var feed = new Instafeed({ 
    get: 'tagged', 
    tagName: 'friday', 
    clientId: 'bbababfbc6cf42d9bdd731488f99303a' 
     }); 
    feed.run(); 
</script> 

На сайте не появляется никаких фотографий instagram. Я следил за учебниками и зарегистрировал нового клиента через сайт разработчика Instagram. Мой вопрос заключается в URL-адресе, необходимом для регистрации нового клиента: могу ли я указать адрес локального хоста в качестве URL-адреса веб-сайта? Если нет, возможно, поэтому мой clientId не работает.

EDIT :: Я также использовал соответствующий div:

<div id="instafeed"></div> 

ответ

0

Добавили ли вы уважение DIV для него?

<div id="instafeed"></div> 

UPDATE:

Похоже Instagram проверяет домен вы, так попытайтесь загрузить файлы в производственной среде.

Другое дело, убедитесь, что загружен jQuery. В документации говорится, что вам не нужно, но я получил некоторые ошибки без нее.

Вот код:

<html> 
    <head> 
     <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
     <script src="//cdn.lukej.me/instafeed.js/1.2.0/instafeed.min.js"></script> 
     <script> 
     $(document).ready(function() { 
      var feed = new Instafeed({ 
       get: 'tagged', 
       tagName: 'cats', 
       useHttp: true, 
       clientId: 'your-client-id-here ' 
      }); 
      feed.run(); 
      }); 
     </script> 
    </head> 

    <body> 
     <div id="instafeed"></div> 
    </body> 
</html> 
+0

Да, я также добавил соответствующий div –

+0

, имеет ли js права на чтение для веб-сервера? –

+0

Должно быть, я зарегистрировал свое приложение через API Instagram и получил clientId. Тем не менее, на сайте: https://instagram.com/developer/clients/manage/, я перечислил свой локальный узел в качестве моего URL-адреса веб-сайта. Не уверен, что это то, что вызывает проблему. –

1

Попробуйте

<script src="instafeed.min.js" type="text/javascript"></script>

вместо использования <style>.

<style> -tag предназначен для in-file css правил, а не для Javascript. Кроме того, <style> не имеет атрибута src. Чтобы включить внешние таблицы стилей в вашем HTML, используйте

<link rel="stylesheet" type="text/css" href="path/to/my.css" />

+0

извините, я хотел написать