Tumblr音頻和視頻+無限滾動

我經歷了一堆已經問/回答的問題，但它仍然不會爲我工作。這是我迄今爲止所擁有的。Tumblr音頻和視頻+無限滾動

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

masonry.desandro.com/jquery.masonry.min.js

masonry.desandro.com/ JS/jquery.infinitescroll.min.js

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

我不知道我做錯了，或者如果它的權利，有什麼需要可以補充，但我非常感謝，如果任何人都可以告訴我一步一步教程如何做到這一點。我是一個視覺人，所以我需要看到所有的編碼。感謝您花時間閱讀本文，並感謝您的答覆。

來源

2012-09-13 White Wolf Wizard

你是否收到任何控制檯錯誤？你有鏈接到該網站？ – graygilmore

不是。音頻和視頻在15個帖子後不顯示。我添加了上面的鏈接。 –

對於初學者，您應該將所有JS文件放在關閉''標籤之前。你還包括兩個不同版本的jQuery，這是一個很大的禁忌。 – graygilmore

您的修復發生在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')你會通過所有職位，包括那些已經被加載。

來源

2012-09-18 17:14:05 graygilmore

謝謝soooo了。有用。你救了我的命。不是開玩笑。 –

Tumblr音頻和視頻+無限滾動

回答

相關問題