Jquery .click 不能与 PrettyPhoto 结合使用

Question

我只想加载每个图库的前 3 张照片。如果用户开始查看这些第一张照片，脚本必须加载该画廊的所有照片。

<a href="photo_1.jpg" data-bid="6780" data-rel="PrettyPhoto[g1a][1]"><img src="thumbnail_1.jpg" />
<a href="photo_2.jpg" data-bid="6781" data-rel="PrettyPhoto[g1a][1]"><img src="thumbnail_2.jpg" />
<a class="loadimgs" data-gallery="1" href="photo_3.jpg" data-bid="6782" data-rel="PrettyPhoto[g1a][1]"><img src="thumbnail_3.jpg" />

如上所示，photo_3.jpg的link包含class="loadimgs" 。当用户点击第 3 个缩略图时，PrettyPhoto 必须显示完整图像并且 Jquery 同时必须向 more-images.php 发送请求以加载所有此图库的 links/thumbnails 到容器 。load_more_images

<div style="display:none" class="load_more_images" id="1"></div>

不幸的是，它不起作用。不起作用意味着

$(document).on('click',".loadimgs", function()

完全被忽略了。当我单击第 3 个缩略图时，PrettyPhoto 打开了一张全尺寸照片，但没有请求 more-images.php 文件。浏览器控制台没有显示任何错误，什么都没有。

.click 是否无法与 PrettyPhoto 结合使用？如果是这样，您能否建议任何其他方式如何在用户单击第 3 个缩略图时调用 more-images.php 文件？

$("a[data-rel^='PrettyPhoto[g1a]']").PrettyPhoto({
allow_resize:0,
deeplinking:false
});

$(document).on('click',".loadimgs", function(){
var gallery_id=$(this).attr("data-gallery");
$('.load_more_images').load("/more-images.php?gallery_id="+gallery_id");
alert("It works");
});

Answer 1

将您附加事件的方式替换为：

$('.loadimgs').click(function(ev){
    var gallery_id=$(this).attr("data-gallery");
    $('.load_more_images').load("/more-images.php?gallery_id="+gallery_id);
    alert("It works" + gallery_id);
});

在最后一个括号之前，您还有一个引用导致失败：$('.load_more_images').load("/more-images.php?gallery_id="+gallery_id");

Jquery .click 不能与 PrettyPhoto 结合使用

Jquery .click does not work in combination with PrettyPhoto

jquery

prettyphoto