2013-01-10 51 views
0

我一直在试图无限滚动我自己的网站。它工作正常,如果我给同一网站的网址。但是,如果我给api.instagram.com,那么它不会请求jsonp请求,并且请求不成功。jQuery的无限滚动与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> 

感谢。

+0

如果你可以提供代码如何重构使用Infinitescroll jsonp,这将是对我的帮助很大,谢谢 – kobe

回答

1

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

+0

是的..我检查了插件js,我没有找到任何$ .ajax()来修补它为jsonp支持。有没有其他支持jsonp请求的插件? – Raja

+0

修补插件,我会适应['情况下 'JSON':'](https://github.com/paulirish/infinite-scroll/blob/60dea24f18bc134b8fba5a3e23367d8e11f7e38d/jquery.infinitescroll.js#L579)部分JSONP (加上其他一些位;搜索“dataType”)。我不知道任何其他无限的滚动插件;我建议的任何插件都将来自Google搜索。 –

+0

错了,我就是用这个插件(http://jscroll.com/)的犯规就像你提到有一个选项。现在我已经改变了“Paul Irish的无限滚动插件”,正如你所建议的那样,我已经将数据类型更改为jsonp。现在工作正常。感谢您的大力支持。 – Raja