无限卷轴闪现

Question

我差不多完成了下面的不倒翁主题.主题使用无限滚动插件,这适用于不包含flash(照片,文字,...)的帖子.视频和音频帖子使用flash,当无限滚动开始加载更多帖子时,它不会加载到Flash帖子中.我无法理解为什么,任何人都可以请求帮助,因为截止日期迫在眉睫？

http://penguinenglishlibrary.tumblr.com/

Answer 1

结果我需要遍历帖子并调用tumblr api来获取音频帖子的嵌入代码.

我把代码放在下面希望它会帮助某人:

1. 我在tumblr主题中有以下的html代码:

   {块:帖子}

   <div id="{PostID}" class="posts {block:Photo}photo-post{/block:Photo} {block:Video}video-post{/block:Video} {block:Audio}audio-post{/block:Audio} {block:Photoset}photoset-post{/block:Photoset}">
   

2. 然后在砌量的回调(见下文)中,我有以下代码:

   /* repair audio players*/
   $('.audioplayerinto').each(function(){
       var audioID = $(this).attr("id");
       var $audioPost = $(this);
       $.ajax({
           url: 'http://myblog.tumblr.com/api/read/json?id=' + audioID,
           dataType: 'jsonp',
           timeout: 50000,
           success: function(data){
   
               $audioPost.html(data.posts[0]["audio-player"]);
   
   
               /*
               $audioPost.append('\x3cdiv style=\x22background-color:white;height:30px\x22 class=\x22audio_player\x22\x3e' + data.posts[0]['audio-player'] +'\x3c/div\x3e');
               alert("It worked");
               */
           }
       }
   

回调代码如下所示:

if($content.infinitescroll) {

    $content.masonry({
        itemSelector: '.posts',
        //columnWidth: 235,
        isAnimated: true
    }),    
    $content.infinitescroll({
        navSelector    : 'div#pagination',  
        nextSelector   : 'div#pagination div#nextPage a', 
        itemSelector   : '.posts',
        loading: {
            finishedMsg: '',
            img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
        },
        bufferPx       : 500,
        debug          : false,
    },
    // call masonry as a callback.
    function( newElements ) {