Question

首先我加载3张照片，点击＆＃34;加载更多＆＃34;其他3张照片由ajax提取但是当我点击这张照片时，漂亮的照片并不起作用它没有打开集成的图像滑块，它只是打开全尺寸的图像..（就像一个普通的链接），控制台没有显示任何错误。

您可以在下面找到脚本：

<script type="text/javascript">
    $( document ).on( 'click', '.loadmore', function () 
    {
        $(this).text('Loading...');
        var ele = $(this).parent('li');
        $.ajax({
            url: 'loadmore.php',
            type: 'POST',
            data: 
            {
                page:$(this).data('page'),
            },
            success: function(response)
            {
                if(response)
                {
                    ele.hide();
                    $(".news_list").append(response);
                }
            }
        });
    });
</script>

事先感谢你的帮助......

Answer 1

由于您动态地将项目添加到dom，因此您需要重新初始化您的漂亮照片实例。

这样的事情应该有效

$( document ).on( 'click', '.loadmore', function () 
{
    $(this).text('Loading...');
    var ele = $(this).parent('li');
    $.ajax({
        url: 'loadmore.php',
        type: 'POST',
        data: 
        {
            page:$(this).data('page'),
        },
        success: function(response)
        {
            if(response)
            {
                ele.hide();
                $(".news_list").append(response);
                $("a[rel^='prettyPhoto']").prettyPhoto();
            }
        }
    });
});

使用ajax prettyphoto加载更多图像不起作用

1 个答案: