0

我想在一页上并排显示两个独立的 Tumblr 博客。我希望它们看起来与他们的 Tumblr 主题相同。最好的方法是什么？

我可以使用 JavaScript 来导入这样的内容：

<div id="tumblr1">
  <script type="text/javascript" src="http://tumblr1.tumblr.com/js"></script>
<div>

<div id="tumblr2">
  <script type="text/javascript" src="http://tumblr2.tumblr.com/js"></script>
<div>

但是内容显然不会被样式化。有没有更简单的方法来做到这一点？如果没有，是否有一种简单的方法来设置我从 js 获得的内容的样式？

更新：
我正在解析 JSON，但 JavaScript 不喜欢属性值中的破折号。对于一个简化的例子：

<script type="text/javascript">
    var tumblelog = {

                    "title":"Tumblr Title",
                    "description":"Tumblr Description",
                    "name":"tumblr name",
                    "timezone":"US\/Central",
                    "cname":false,
                    "feeds":0,
                    "posts-start":0,
                    "posts-total":"111",
                    "posts-type":false

                    };

</script>

<script type="text/javascript">

     document.write(tumblelog.posts-total);

</script>

告诉我“未捕获的 ReferenceError：未定义总计”。然而，

<script type="text/javascript">

     document.write(tumblelog.feeds);

</script>

返回0就好了。Tumblr 的 API 建议类似

     document.write(tumblelog['@posts-total']);

使用但返回“未定义”时。

有什么建议么？

4

3 回答 3

1

我希望它们看起来与他们的 Tumblr 主题相同。

使用 iFrame？

于 2010-07-13T04:54:11.370 回答
0

tumblelog['@posts-total']将寻找不存在@posts-total的 obj 的键。tumblelog

做这个：

document.write(tumblelog['posts-total']);
于 2010-05-08T21:56:57.687 回答
0

我会使用 api 并设置一个 json 回调

<script type="text/javascript"
src="http://tumblr1.tumblr.com/api/read/json?callback=my_callback"></script>

<script type="text/javascript"
src="http://tumblr2.tumblr.com/api/read/json?callback=my_callback"></script>

然后准备好回调：

function my_callback(tumblr_data)
{
    //append the data to the div here
}

你可以在这里找到 tumblr api 阅读文档。

编辑：或者你可以这样做，没有回调：

<div id="tumblr1">
    <script type="text/javascript" src="http://tumblr1.tumblr.com/api/read/json"></script>
    <script type="text/javscript">
        parse_tumblr_data(tumblr_api_read);
    </script>
<div>

<div id="tumblr2">
    <script type="text/javascript" src="http://tumblr2.tumblr.com/api/read/json"></script>
    <script type="text/javscript">
        parse_tumblr_data(tumblr_api_read);
    </script>
<div>

我之前在这个网站上使用过上面的例子来改变 Tumblr 音频播放器的颜色……但你可以做任何你想做的事情。

于 2010-05-07T19:53:08.473 回答