Fancyboxの画像ギャラリーを作成しようとしています。画像のURLのリストを取得してDOMに追加する関数があります。
function handleImageURLs(imageURLs) {
var appendString = "";
//Create an <a> tag for each image URL
for(var i = imageURLs.length - 1; i >= 0; i --) {
appendString += "<a href='"+ imageURLs[i] +"' rel='img_preview'><img src='"+ imageURLs[i] +" />'</a>";
}
//Add the <a> tags containing images to the <body> element
$("body").append(appendString);
//Select the image <a> tags and call Fancybox
$("a[rel='img_preview']").fancybox({
onCleanup: function() {
//do cleanup stuff, remove images, etc.
}
});
}
すべてが正常に動作します。タグは<a>
DOMに追加されます。しかし、Fancyboxはまったく開きません。そして、エラーをスローしません。私が間違っていることについて何か考えはありますか?