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

【问题标题】：JAIL JQuery Plugin (jQuery Asynchronous Image Loader)JAIL JQuery 插件（jQuery 异步图像加载器）
【发布时间】：2011-05-26 12:23:12
【问题描述】：

如果有人能发现我在这里做错了什么，我会真的感激不尽！

我正在尝试使用这个插件：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 插件正在执行某些操作，但页面加载后所有图像都已加载。

当您单击缩略图时，灯箱仍然可以工作 - 页面实际上与之前一样工作，只是在页面完全加载之前缩略图单元格是空的。

【问题讨论】：

我删除了我的评论，因为我刚刚检查过您现在确实可以执行 echo "string $var string";他们是时候这样做了！
是的，我试图评论它！我说这些值可以打印出来，所以我认为这不会有太大的不同。无论如何，感谢您提供帮助！

标签： php jquery html jquery-plugins

【解决方案1】：

我发现出了什么问题，最愚蠢的事情！

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

如果其他人遇到这个问题，那该怎么办！

【讨论】：