Question

我试图获取Twitter Feed，使用search API或仅使用A standard JSON call使用下面的代码我只是得到一个空白页面。我已经包含了所有正确的jQuery元素，并使用Flikr API进行了测试（并更改了相关的模板部分）

  <script>
        $().ready(function() {

            $(document).ajaxComplete(function() {
                $("body").attribute({message: ""});
            });

            $.getJSON('http://twitter.com/status/user_timeline/ladygaga.json?count=10&callback=?', function(data) {

                $.template("imageTmpl", $("#imagesTmpl"));
                $.tmpl("imageTmpl", data, {

                }).appendTo("#img_list");
            });
        });
    </script>
</head>
<body>
    <article id="img_list">
        <script id="imagesTmpl" type="text/x-jquery-tmpl">
            {{each items}}
                {{if $index <= 4}}
        ${$text}

                {{/if}}
            {{/each}}
        </script>
    </article>
</body>

和想法？

Answer 1

更改模板语法，在这种情况下不需要每个模板语法，模板引擎会显示默认情况下获取的每个数组键
密切关注括号 - 正确的语法总是$ {text}。

find working demo here ...

所以这是html：

<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.js"></script>
</head>
<body>
    <article id="img_list">
        <ul>
        <script id="imagesTmpl" type="text/x-jquery-tmpl">
            <li>${text}<br/><br/></li>
        </script>
    </ul>
    </article>
</body>

这里是一个轻微修改过的js：

$.getJSON('http://twitter.com/status/user_timeline/ladygaga.json?count=10&callback=?', function(data) {
    $.template("imageTmpl", $("#imagesTmpl"));
    $.tmpl("imageTmpl", data).appendTo("#img_list");
});

jQuery模板从Twitter中提取JSON提要

1 个答案: