Я пытаюсь связать изображения в своей ленте 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;
});
}