jquery - 无限滚动打破闪光

Question

我即将完成下面的不倒翁主题的创建。该主题使用无限滚动插件，这对于不包含 Flash 的帖子(照片、文本等)效果很好。视频和音频帖子使用 Flash，当无限滚动开始加载更多帖子时，它不会加载到 Flash 帖子中。我不明白为什么，由于截止日期迫在眉睫，任何人都可以帮忙吗？

http://penguinenglishlibrary.tumblr.com/

Answer 1

结果我需要循环浏览帖子并调用 tumblr api 来获取音频帖子的嵌入代码。

我已将代码放在下面，希望对某人有所帮助:

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

   { block :帖子}

   <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 ) {