2

私はこの答えをどこでも探しました-無限のグーグル検索でTumblr APIについて読んだすべての複雑なことを考えると、それは簡単だと思いました。

私がしたいのは、tumblr インデックス ページの小さなボックスに投稿の総数を表示することだけです。

総投稿数: 689

tumblr api に関するスタック オーバーフローに関する質問を何十も読みました。多くの quora に関する質問もありました。しかし、誰も答えを持っていません。

一部には次のようなコードが含まれています。

<div>Note Total</div>
<script type="text/javascript" src="http://{name}.tumblr.com/api/read/json"></script>
<script type="text/javascript">
 var msg =tumblr_api_read;
 var obj = jQuery.parseJSON(JSON.stringify(msg));
 $('#NoteTotal').append("<br/><br/>" + "this site as " + obj['posts-total'] +" Total         posts.");
</script>

しかし、これをhtmlに入れても何も表示されません。私は他の多くのコードを試しましたが、何も表示されず、チュートリアルも見つかりませんでした.tumblr apiのドキュメントでさえ、その方法を教えてくれました. 私ができた唯一のことは、http://api.tumblr.com/v2/blog/david.tumblr.com/avatar/512

<img src"">

しかし、それは私自身のやり方でしたが、それを表示するために画像タグに入れる必要があるとの記事はありませんでした。私を助けることができます。

ありがとう。

4

2 に答える 2

2

JavaScript コンソールでエラーを確認してください。その後、「何も表示されません」ではなく、エラー メッセージが表示されます。Chrome で JavaScript コンソールを開く方法は次のとおりです。

また、使用した方法は、#NoteTotaljQuery と要素セレクターがどのように機能するかを本当に知らないことを示唆しています。クイック イントロ: #somethingid を持つ要素を選択しますsomething(例: ) <div id="something"></div>

さらに、上記のコードは、JavaScript ライブラリ jQuery に依存しており、テーマが jQuery をロードしないか、jQuery がロードされる前にコードを挿入したため、おそらくテーマでは機能しません。

修正 (コードは jQuery を必要としないことがわかりました!):

<div id="note-total">Note Total</div>
<script type="text/javascript" src="http://{name}.tumblr.com/api/read/json"></script>
<script type="text/javascript">
    $('#note-total').append("<br/><br/>" + "this site has total " + tumblr_api_read['posts-total'] + " posts.");
</script>

これが機能することが判明した場合は、その理由を確認することを強くお勧めします. うまくいかない場合は、うまくいかないブログへのリンクを教えてください。

于 2013-04-20T13:10:26.473 に答える