2011-05-26 44 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中隱藏了一個現有規則,隱藏了懶惰類的圖像,因此插件無法完成這件事。

如果有人遇到了這個問題,那該怎麼辦!