无限滚动中断闪光

Question

我几乎完成了下面的tumbler主题的创建。主题使用无限滚动插件，这对不包含flash的帖子(照片，文本，...)很好。视频和音频帖子使用flash，当无限滚动加载更多帖子时，它不会在flash帖子中加载。我不明白为什么，最后期限快到了，谁能帮帮忙？

http://penguinenglishlibrary.tumblr.com/

Answer 1

原来我需要遍历帖子并调用tumblr api来获得音频帖子的嵌入代码。

我已经把下面的代码放在下面，希望它能帮助一些人：

1. 我在tumblr主题中有下面的html代码：

{block:Posts}

• Then在masonry的回调中(如下所示)我有以下代码：

函数修复音频播放器*/$(‘.audioplayerinto’).each(){ var audioID =$(.audioplayerinto).attr(“id”)；var $audioPost = $(this)；$.ajax({ url：'http://myblog.tumblr.com/api/read/json?id=‘+ audioID，dataType：'jsonp'，超时: 50000，成功: function(data){ $audioPost.html(data.posts)；alert $audioPost.append('\x3cdiv style=\x22background-color:white;height:30px\x22 class=\x22audio_player\x22\x3e‘+ data.posts +'\x3c/div\x3e')；$audioPost.append(“工作正常”)；*/ } }

回调代码如下：

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

Answer 2

当对下一个页面进行ajax调用时，将从请求中剥离内联脚本标记。这就是为什么闪光灯不能工作的原因。

在插件中使用.find方法，隐式地作为.load方法和回调阶段的一部分：

jquery: Keep tag after .find()

对于您来说，最好的选择是隔离JS代码，在查看了flash视频工作所需的内联JS之后，这似乎是可行的。