Ben bir kullanıcı sol / sağ okları bastığında bir görüntü dışarı kayar ve yeni görüntü İyi çalıştı içeri kayan bir görüntü kayar galerisi oluşturduk.
Tüm ilgili görüntü ve açıklamaları benim PHP dosyası gitti. Şimdi bazı yeni görüntüler var istiyorum ve ben bu içeriği ekleme ve değiştirme uzun olması gerekenden daha götürdü bulundu.
Yani tüm görüntü biçimlendirme kaldırmak ve görüntüler için bir JSON dosyasını verdi:
İşte verileri almak ve DOM enjekte etmek için kullanıyorum kodudur
$.getJSON('data.txt', function(data) {
var len = data.length, i; for (i = 0; i < len; i += 1) {
$("#image_container").append(
'<div class="image_frame"><img class="image" src="' + data[i].image + '" width="620px" alt="' + data[i].alt + '">
<div class="caption"></div><div class="innercaption"><p><span>' + data[i].category +
'</span> |' + data[i].title + '</p></div><div class="caption2"></div><div class="innercaption2">
<p><span>Description</span> | ' + data[i].description + '</p></div></div>' );
};
});
Bu belgenin hazır başlangıcında çalışır - Ama şimdi kayar oklar işe yaramaz, ama hiçbir hata oluşturulur.
Benim tahminim içerik kaymak koduyla aynı anda oluşturulur çünkü olacağıdır. Yani, onlar birbirlerini göremez.
Bunu düzeltmek için bir yol (belki kaymak kod görebilirsiniz bir şekilde getJSON koşmak) var mı?