Instagram的API不工作

我有關於使用API，JavaScript的知識很少。（我是一個html/css編碼器）Instagram的API不工作

我已經被要求使用這個API來獲取instagram圖片，用戶發佈使用某個哈希標籤。

這裏是一個已經通過的jsfiddle http://jsfiddle.net/j9ynxvox/10/

$(function() { 
    // 「表示」を押すと、畫像を取得します 
    var endpoint = 'https://tagplus.jp/demo/api/json/medias'; 

    // ポップアップ用の関數 
    var popup = function(item) { 
    var $container = $('<div>', {'class': 'popup-container'}); 
    $('<div>', {'class': 'popup-overlay'}).appendTo($container); 

    var $template = $($('#popup-template').html()); 
    $template.find('.popup-image').attr('src', item.images.standard_resolution); 
    var userLink = 'https://instagram.com/' + item.media_user.username; 
    $template.find('.user-link').attr('href', userLink); 
    $template.find('.profile-picture') 
      .attr('src', item.media_user.profile_picture); 
    $template.find('.media-user-name').text(item.media_user.username); 
    $template.appendTo($container); 

    $('body').append($container); 
    $container.fadeIn(); 
    }; 

    $(document).on(
    'click', 
    '.popup-overlay', 
    function(e) { 
     e.preventDefault(); 
     $('.popup-container').fadeOut(
     'fast', 
     function() { 
      $(this).remove(); 
     } 
    ); 
    } 
); 

    $('button').click(function() { 
    $('#thumbnail').text(''); 
    $.get(
     endpoint, 
     {count: 12}, 
     function(res) { 
     res.data.forEach(function(item) { 
      var $thumb = $('<img>', { 
      'class': 'insta-thumb', 
      src: item.images.thumbnail 
      }); 
      $thumb.appendTo($('#thumbnails')); 
      $thumb.click(function(e) { 
      e.preventDefault(); 
      popup(item); 
      }); 
     }); 
     }, 
     'jsonp' 
    ); 
    }); 

    $(document).keyup(function(e) { 
    if (e.keyCode === 27) { 
     $('.popup-container').fadeOut(
     'fast', 
     function() { 
      $(this).remove(); 
     } 
    ); 
    } 
    }); 
});

共享我的情況的演示，我被要求使用這個API的地址。 https://tagplus.jp/plazastyle_Campaign/api/json/medias （其稱爲http://tagplus.jp/）

要開始了，我只是複製並粘貼此代碼的jsfiddle到我的本地文件，但是當我點擊按鈕，加載的Instagram照片它不工作。

這裏是我的演示 http://1ne-studio.com/test2/sample.html ID：測試通：ny2016

爲什麼不工作，我怎麼能解決這個問題？

謝謝你的時間！（在我的情況下，我被要求使用這個API地址https://tagplus.jp/plazastyle_Campaign/api/json/medias）

來源

2016-03-28 Hirohito Yamada

編輯：所以它看起來像你的腳本是完全不同的小提琴。將腳本替換爲小提琴中的腳本，然後重試！

老答案：

那是因爲你沒有jQuery的！

加入這個地方的頭部和嘗試的答覆再次

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

來源

2016-03-28 08:13:56

感謝。那真是愚蠢。但我添加了jquery，它仍然沒有工作.... –

你可以在http://1ne-studio.com/test2/sample.html更新演示，所以我可以看看？ –

非常感謝您的幫助！我剛剛更新！請檢查！ –

Instagram的API不工作

回答

相關問題