2016-08-11 3 views
0

instafeed을 사용하여 반환 된 이미지가없는 경우 div 태그 안에 메시지를 표시하려고합니다. instafeed 라이브러리를 사용하고 instafeed.js을 검사하고 No images were returned from Instagram과 같은 오류 메시지를 어떻게 표시 할 수 있습니까?Instafeed 라이브러리를 사용하여 오류 메시지를 표시하는 방법

여기 내 HTML 코드

<div class="col-md-8"> 
     <h4>Photos</h4> 

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

     <div class="clearfix"></div> 
</div> 

내 HTML 코드 내 자바 스크립트

<script src="<?php echo base_url()?>js/instafeed.min.js"></script> 

    <script type="text/javascript"> 
     var feed = new Instafeed({ 
      get: 'tagged', 
      tagName: 'awesome', 
      resolution: 'low_resolution', 
      clientId: CLIENT_ID, 
      userId: USER_ID, 
      accessToken: ACCESS_TOKEN, 
      useHttp: true, 
      template: '<a href="{{link}}"><img src="{{image}}"/></a>' 
     }); 

     feed.run(); 
    </script> 

답변

1

나는 <p> tag을 추가하고 id

<p id="error"></p> 

을 넣어 그리고 내 JS의 난에서의 error 옵션을 추가했습니다.

<script type="text/javascript"> 
    var feed = new Instafeed({ 
     ...... 
     error: function(err){ 
        $('#error').text(err); 
      } 
    }); 

    feed.run(); 
</script> 
관련 문제