我已经在我的本地网站上实现了lighgallery插件...并且这不适用于dom元素...
例如
1.）将用js创建的dom元素附加到html代码。
如果我在js中创建了这样的内容，"<span id='imgcon'><a href="image"><img src="image"></a></span>"并且所有代码都在varialbe中，请调用galleryview（var galleryview），然后将此变量附加到html文件中的div上，<html><head></head><bdy><div class="container"></div></bdy></html>并从js文件代码中附加这样的内容$(".container").append(galleryview);，最后我$(".imgcon").lightGallery();不使用工作...
这是jsfiddle演示无法与dom一起使用
2.）图片在html代码中
我有这样的html代码，<html><head></head><bdy><div class="container"><span class="imgcont"><a href="image"><img src="image"></a></span></bdy></html>这工作正常。$(".imgcon").lightGallery();
这是没有dom的jsfiddle工作演示。
问题：为什么我不能将dom与lightgallery一起使用？
第一个演示无法正常工作，因为我使用js dom，第二个示例正在正常工作，因为我在html文件中使用了html代码。或者我的代码有任何问题。
简单地说你$(".imagecontiner").lightGallery(); 里面的click处理程序
http://jsfiddle.net/o0y70kv0/1/
以上内容仅适用于第一个动态创建的盖勒。
要使其适用于多个元素，请执行以下操作：预创建内存中可附加元素，并为每个.lightGallery()实例分配一个实例
http://jsfiddle.net/o0y70kv0/6/
$(document).ready(function() {
var imagesarray = [
"http://www.planwallpaper.com/static/images/Winter-Tiger-Wild-Cat-Images.jpg",
"http://www.gettyimages.ca/gi-resources/images/Homepage/Category-Creative/UK/UK_Creative_462809583.jpg",
"http://blog.jimdo.com/wp-content/uploads/2014/01/tree-247122.jpg",
"http://i765.photobucket.com/albums/xx291/just-meller/national%20geografic/Birds-national-geographic-6873734-1600-1200.jpg",
"http://www.gettyimages.com/gi-resources/images/CreativeImages/Hero-527920799.jpg"
];
var hiddenimages = "",
albumcover;
$("#appendnewcontainer").click(function() {
$("<span />", {
class : "container",
appendTo : $("#fotoappendarea"),
append : $("<span />", {
class : "imagecontiner",
html : "<a class='dfed' href=" + imagesarray[1] + "><img src='" + imagesarray[1] + "' class='_34'/></a>"
}).lightGallery()
});
});
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句