2011-05-26 115 views
1

我会真的如果任何人都可以发现任何我在这里做错的东西!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"); 

注意,另一个插件是INV橄榄 - 灯箱所以不确定是否会影响这种情况。

目前看起来像JAIL插件正在做的东西但所有的图像加载页面后立即加载。

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

+0

我删除我的评论,因为我刚刚检查,你现在确实可以做回声“string $ var string”;关于他们这样做的时间! – John 2011-05-26 12:42:48

+0

是的,我试图评论它!我说这些数值已经打印出来了,所以我不认为这会有很大的区别。无论如何感谢您的帮助! – martincarlin87 2011-05-26 12:49:16

回答

1

我发现了什么是错的,最愚蠢的东西!

因为我试图使用原始的懒加载插件,所以我在CSS中隐藏了一个现有规则,隐藏了懒惰类的图像,因此插件无法完成这件事。

如果有人遇到了这个问题,那该怎么办!