Fancybox图库不起作用

时间:2012-07-11 18:01:25

标签: javascript jquery fancybox

我正在尝试做一个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根本没有打开。并且不会抛出任何错误。知道我做错了吗?

1 个答案:

答案 0 :(得分:0)

使用了this的组合,并在我想要显示的图片上触发了click事件。