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 的链接包含 class =“loadimgs”。当用户点击第3个缩略图时，PrettyPhoto必须显示完整图像，同时Jquery必须向 more-images.php 发送请求，以将此图库的所有链接/缩略图加载到容器中的 .load_more_images

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

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

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

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

.click可能无法与PrettyPhoto结合使用吗？如果是这样，当用户点击第三个缩略图时，您能否建议如何调用 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

用这个替换事件附加方式：

tableView:commitEditingStyle:forRowAtIndexPath

在最后一个括号之前，你还有一个导致失败的引用：$（＆＃39; .load_more_images＆＃39;）。load（＆＃34; /more-images.php？gallery_id =＆＃34 + gallery_id＆＃34）;

Jquery .click不能与PrettyPhoto

1 个答案: