私は記事をループし、tumblr APIを呼び出してオーディオ投稿の埋め込みコードを取得する必要がありました。
私はうまくいけば、それが誰かを助ける以下のコードを入れている:
{ブロック::投稿}
<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}">
私はtumblrのテーマでfolowing HTMLコードを持って
を
メーソンリーのコールバック(下記参照)の中に私は以下のコードを持っています:
/* 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) {
うまくやって、申し訳ありません、私は前にそれを使用したことがないtumblrに精通していない、そうでなければ私はコードを提供していたでしょう。 – trickyzter
とにかく助けていただきありがとうございます。それは思考の軌跡を引き起こしました – Burt
@Burtこのコードをどのように実装しましたかご説明ください。私は非常に同じ問題をここで苦労しているhttp://stackoverflow.com/questions/10165501/tumblr-audio-video-players-masonry-with-infinite-scrollしかし運がないと。ありがとう。 – Barbara