JSON提要中填充div的jQuery幻燈片問題

Question

$(document).ready(function() {

$.getJSON("http://api.flickr.com/services/feeds/groups_pool.gne?id=89254480@N00&\
lang=en-us&format=json&jsoncallback=?", getJSONimages);

function getJSONimages(data) {
var htmlString = "";
$.each(data.items, function(i,item){
var sourceSquare = (item.media.m).replace("_m.jpg", "_s.jpg");
htmlString += '<img src="' + sourceSquare + '" />';
});
$('#slideshow').html(htmlString);
}
})

上面的圖片以幻燈片所需的格式顯示：

<div id="slideshow"><img src="url"></div>

下面的代碼是單獨運行的幻燈片：

$('#slideshow').slideshow({
timeout: 2000,
type: 'random',
pauselink: 'sequence',
fadetime: 2000
});

當然，還有另一個2kb js文件已加載，是幻燈片的一部分，還有從Google加載的jQuery庫。

我是JavaScript的初學者，我根本不了解它，它不起作用，我想我必須運行第一個代碼來獲取#images div中的img標簽，然后運行幻燈片的js代碼..但是我該怎么做？

同一標簽中的兩個均無效，分別在標頭中均無效。

有什么想法嗎？ 謝謝。

PS：我沒有找到任何與此相關的規則，希望我不會違反規則，我非常喜歡這個社區，因為我在這里學到了很多東西。 這是鏈接。.http: //demetriad.co.uk/flickr-test/

Answer 1

我認為這里的問題是，當HTML為空時，您正在運行幻燈片腳本。 該腳本將把目標元素內的所有圖像設置為幻燈片的一部分，並且在ajax調用完成之前沒有圖像。

您可以嘗試將啟動幻燈片的代碼移動到ajax回調的末尾