Связывание изображений в Jquery из Flickr Feed - PullRequest
0 голосов
/ 10 февраля 2012

Я пытаюсь связать изображения в своей ленте flikr. Я продолжаю сталкиваться с проблемами, являющимися довольно новыми для Javascript. Мне потребовалось некоторое время, чтобы пройти этот путь (даже несмотря на то, что flikr предоставляет базовый код для канала). Причина, по которой я сделал это, позволяет вам вводить несколько тегов с помощью функции .split (). Я знаю, что это можно сделать с помощью HTML-строк ..... но я знаю, что должен быть более простой и быстрый способ, даже если я не могу даже понять их таким образом ... Не стесняйтесь улучшать мой код, если хотите, тоже Я стараюсь сделать это как можно короче.

$(function() {
        new WebApp(); 
        function WebApp() {



            this.form = $("<form><input id='tags' placeholder='tags'><input type='submit' value='submit'></form>").appendTo("header");


            this.form.submit(function (){ 
                $("#images").empty();
                var splitTest = $("#tags").val(); 
                //alert(splitTest);
                var arr = splitTest.split(",");
                //alert(arr.length);

                for(var i = 0; i <= arr.length; i++){
                    $.getJSON(
                        "http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
                    {
                        tags: arr[i],
                        tagmode: "any",
                        format: "json"
                    },
                        function(data) {
                            $.each(data.items, function(i,item){
                                $("<img/>").attr("src", item.media.m).appendTo("#images");
                                if ( i == 20 ) return false;
                            });
                        }
                    );
                }

                return false; 
            }); 
        }

1 Ответ

0 голосов
/ 10 февраля 2012

Вы можете улучшить свой код следующим образом.Похоже, вам не нужно WebApp где-либо еще в коде, затем используйте анонимную функцию и выполните ее при загрузке страницы.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...