Question

如果有人能发现我在这里做错了什么，我会真的欣赏！

我正在尝试使用此插件：http://www.sebastianoarmelibattana.com/projects/jail

我已将其包含在我的网页中，该网页是通过AJAX请求提交的搜索表单，并在表格中显示搜索结果。这个表恰好是另一个名为dataTables的插件。

以下是相关的代码：

AJAX请求成功完成后重新初始化插件（同样的初始化也在实际的HTML页面中完成）：

 // re-initialise lazyload, lightbox and dataTable plugins

        $('img.lazy').jail();

        $('a.lightbox').lightBox();
        $('#test-docs-table').dataTable( {
                "bPaginate": false,
                "sDom": 'Rlfrtip',
                "aoColumns": [
                    null,
                    null,
                    { "sType": "title-numeric" },
                    null
                ]
        });

这是显示相关表格单元格的php行，其中包含缩略图：

 $shortname = $row['filename'];
 $doc = "/central/testdocs/".$row['filename'];
 $thumb = "include/doc-thumbnail.php?doc=$doc";
 echo("\n<div class=\"thumbnail\">\n<td class=\"center\"><a class=\"lightbox\" title=\"$shortname\" href=\"$thumb&dpi=96\"><img class=\"lazy\" data-href=\"$thumb\" src=\"images/blank.png\" width=\"50\" height=\"50\"/></a></td>\n</div>\n");

请注意，涉及另一个插件 - 灯箱，因此不确定这是否会影响情况。

目前看起来JAIL插件正在执行某些事情但是一旦页面加载就会加载所有图像。

点击缩略图时灯箱仍然有效 - 页面实际上与之前的工作方式相同，只是在页面完全加载之前缩略图单元格为空。

Answer 1

我发现了什么是错的，最愚蠢的事情！

因为我试图使用原始的延迟加载插件，所以我的CSS中存在一个现有的规则隐藏类懒惰的图像，所以插件无法做到这一点。

如果有其他人遇到这个问题就该做什么！

JAIL JQuery插件（jQuery异步图像加载器）

1 个答案: