Question

我一直在为我自己的网站尝试无限滚动。如果我给同一个网站的网址，它工作正常。但是，如果我给api.instagram.com，那么它不会请求jsonp请求，并且请求不成功。

请建议我如何使用jsonp请求实现无限滚动，

以下是我的代码，

$('.thumbnails').infinitescroll({
    navSelector  : "a#next:last",            
    nextSelector : "a#next:last",   
    contentSelector : ".thumbnails",
    itemSelector    : ".thumbnails",
    dataType: 'json'
});     



navSelctor is <a id="next" href="https://api.instagram.com/v1/tags/tamil/media/recent?callback=jQuery18304228946652839459_1357811552825&client_id=f34d9190c452476d931b813c7bc5e368&max_tag_id=1357828120918&access_token=73b038d4a22848c295dc813b37720ada&_=1357811765921">more</a>

Below is Content Selector

<ul class="thumbnails">
    <div style="text-align:center;display:none;" id="no_photo"> No photos found! </div> 
</ul>

感谢。

Answer 1

假设您正在使用Paul Irish的Infinite Scroll插件，它支持加载JSON数据（使用$.ajax()使用dataType: 'json'）但不支持JSONP。你需要修补它以支持JSONP（这可能不是太难）或使用不同的插件。

带有JSONP请求的jQuery Infinite Scroll

1 个答案: