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

问题描述

| 如果有人能在这里发现我做错的任何事情，我将不胜感激！ 我正在尝试使用此插件：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插件似乎正在执行某些操作，但是所有图像都在页面加载后立即加载。 当您单击缩略图时，灯箱仍然有效-该页面的工作原理实际上与之前相同，只是在页面完全加载之前，缩略图单元格为空。     

解决方法

我发现了最糟糕的事情是什么！ 因为我尝试使用原始的延迟加载插件，所以我在CSS中有一个现有规则来隐藏类lazy的图像，因此该插件无法执行此操作。 如果还有其他人遇到此问题，那该怎么办！