如何解决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的图像,因此该插件无法执行此操作。
如果还有其他人遇到此问题,那该怎么办!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。