Шаблоны jQuery извлекают фид JSON из Twitter - PullRequest
1 голос
/ 30 марта 2011

Я пытаюсь получить канал Twitter, либо используя API поиска , либо просто используя Стандартный вызов JSON Используя приведенный ниже код, я просто получаю пустую страницу. Я включил все правильные элементы 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>

а идеи?

1 Ответ

3 голосов
/ 30 марта 2011
  1. измените синтаксис вашего шаблона, вам не нужен каждый в этой ситуации, механизм шаблонов отображает каждый ключ массива, который он получает по умолчанию

  2. следитеу вас в скобках - правильный синтаксис всегда $ {text}.

найдите рабочую демонстрацию здесь ...

так вот 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");
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...