Fatal编程技术网
  • javascript/
  • Javascript Fancybox图像库不'；行不通

Javascript Fancybox图像库不'；行不通

javascript jquery

Javascript Fancybox图像库不'；行不通,javascript,jquery,fancybox,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=

我想做一个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.
    }
  });
}

函数handleImageURLs（imageURLs）{
var appendString=“”；
//创建一个”；
}
//将包含图像的标记添加到元素中
$（“正文”）.append（appendString）；
//选择图像标签并调用Fancybox
$（[rel='img_preview']）({
onCleanup:function（）{
//做清理工作，移除图像等。
}
});
}
一切正常。
标记被添加到DOM中。但是Fancybox根本不会打开。也不会抛出任何错误。知道我做错了什么吗？

使用了一个组合，并在我想要显示的图像上触发了一个
单击事件。
你确定你的
$（[rel='img\u preview']）
选择器包含元素（即不是空的）？是的。绝对不是空的。我也尝试过给出我的
页面）