Audio Tumblr音频和音频；视频&x2B；无限卷轴

我经历了一大堆已经被问到/回答过的问题，但这对我来说仍然不起作用。这就是我目前所拥有的

static.tumblr.com/epkyugq/C0ym8qnir/jquery-1.7.1.min.js

Mashise.desandro.com/jquery.mashise.min.js

Mashise.desandro.com/js/jquery.infinitescroll.min.js

static.tumblr.com/epkyugq/4fmmajupw/decker.js

---

我不确定我做错了什么，或者它是否正确，是否需要添加一些内容，但如果有人能给我一个关于如何做的逐步教程，我将非常感激。我是一个视觉人，所以我需要看到所有的编码。感谢您花时间阅读本文，并感谢您的回答。

您的修复发生在infinitescroll脚本之外。您应该将其更改为包含它，如下所示：

// other stuff up here
}, function( newElements ) {

    var $newElems = $(newElements).css({
        opacity: 0
    });

    $newElems.imagesLoaded(function () {
        $newElems.animate({
            opacity: 1
        });
        $container.masonry('appended', $newElems, true);
    });

    /* repair video players*/
    $newElems.find('.video').each(function(){
        var audioID = $(this).attr("id");
        var $videoPost = $(this);
        $.ajax({
            url: '/api/read/json?id=' + audioID,
            dataType: 'jsonp',
            timeout: 10000,
            success: function(data){
                $videoPost.html(data.posts[0]["video-player"]);
            }
        });
    });

    /* repair audio players*/
    $newElems.find('.player').each(function(){
        var audioID = $(this).attr("id");
        var $audioPost = $(this);
        $.ajax({
            url: '/api/read/json?id=' + audioID,
            dataType: 'jsonp',
            timeout: 10000,
            success: function(data){
               $audioPost.html(data.posts[0]["audio-player"]);
            }
        });
    });
});

---

我使用的是

$newElems.find（）

，因为我们只想加载页面上的新帖子。如果只执行

$（'.video'）

操作，您将浏览所有帖子，包括已加载的帖子。

您的修复发生在infinitescroll脚本之外。您应该将其更改为包含它，如下所示：

// other stuff up here
}, function( newElements ) {

    var $newElems = $(newElements).css({
        opacity: 0
    });

    $newElems.imagesLoaded(function () {
        $newElems.animate({
            opacity: 1
        });
        $container.masonry('appended', $newElems, true);
    });

    /* repair video players*/
    $newElems.find('.video').each(function(){
        var audioID = $(this).attr("id");
        var $videoPost = $(this);
        $.ajax({
            url: '/api/read/json?id=' + audioID,
            dataType: 'jsonp',
            timeout: 10000,
            success: function(data){
                $videoPost.html(data.posts[0]["video-player"]);
            }
        });
    });

    /* repair audio players*/
    $newElems.find('.player').each(function(){
        var audioID = $(this).attr("id");
        var $audioPost = $(this);
        $.ajax({
            url: '/api/read/json?id=' + audioID,
            dataType: 'jsonp',
            timeout: 10000,
            success: function(data){
               $audioPost.html(data.posts[0]["audio-player"]);
            }
        });
    });
});

---

我使用的是

$newElems.find（）

，因为我们只想加载页面上的新帖子。如果您只需执行

$（'.video'）

操作，您将浏览所有帖子，包括已加载的帖子。

您是否收到任何控制台错误？你有这个网站的链接吗？没有。音频和视频在15篇帖子后不会显示。我添加了上面的链接。对于初学者，您应该将所有JS文件放在关闭标记之前。您还包括两个不同版本的jQuery，这是一个很大的禁忌。您是否收到任何控制台错误？你有这个网站的链接吗？没有。音频和视频在15篇帖子后不会显示。我添加了上面的链接。对于初学者，您应该将所有JS文件放在关闭标记之前。您还包括两个不同版本的jQuery，这是一个很大的禁忌。它起作用了。你刚刚救了我的命。别开玩笑了，非常感谢你。它起作用了。你刚刚救了我的命。别开玩笑了。