prettyphoto 不适用于未使用 DOM 加载的链接

Question

我有一些图像，当点击其中任何一个时，会出现中等大小的图像，当点击中等大小时，它应该使用漂亮的照片加载大尺寸，但在点击任何小照片后加载中等大小的图像然后单击 ,edium 图像，漂亮的照片不起作用，更大的图像作为链接打开

$(document).ready(function(e) { 

$(document).on("click",".image a",function(){
    var num = $(this).parent().index()+1;
    $(".bottom").slideUp(500,',function(){
        $(".bottom").html("<a rel='prettyPhoto' href='images/"+num+"_large.jpg'><img src='images/"+num+"_med.jpg'></a>").slideDown(500);    
    });
});

$("a[rel='prettyPhoto']").prettyPhoto();
});

html

<div class="container">

<div class="top">
<div class="image"><img src="images/1.jpg"  alt=""/></div>
<div class="image"><img src="images/2.jpg"  alt=""/></div>
<div class="image"><img src="images/3.jpg"  alt=""/></div>
</div>

<div class="bottom">
<a href="images/1_large.jpg" rel="prettyPhoto"><img src="images/1_med.jpg" width="640" height="480"  alt=""/></a>
</div>

</div>

完整代码下载http://www.mediafire.com/?xd97aonsjz3oyc0

和http://jsfiddle.net/frTAY/3/

Answer 1

您有语法错误。这是要使用的正确代码：

$(document).on("click",".image a",function(){
    var num = $(this).parent().index()+1;
    $(".bottom").slideUp(500,function(){
        $(".bottom").html("<a rel='prettyPhoto' href='images/"+num+"_large.jpg'><img src=images/"+num+"_med.jpg></a>").slideDown(500);  
    });
});