如何添加燈箱圖片在jQuery中外部加載？

Question

我使用jQuery加載函數從外部加載圖像..但不能添加燈箱..

我對jquery很新穎。

var href = $('#images').attr('href'); 

$('#images').click(function(){ 
    var toLoad = $(this).attr('href')+' #content'; 

    $('#content').hide('fast',loadContent); 
    $('#load').remove();   
    $('#wrapper').append('<span id="load">LOADING...</span>'); 
    $('#load').fadeIn('normal');   
    window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-3);  

    function loadContent() { 
     $('#content').load(toLoad,'',showNewContent()); 

    } 
    function showNewContent() { 
     $('#content').show('normal',hideLoader()); 
    } 
    function hideLoader() { 
     $('#load').fadeOut('normal'); 
    } 
    return false; 
}); 

此功能在$（文件）。就緒（），現在我需要在下方新增功能，使圖像動態加載成爲收藏的一部分。

$('.gallery a').lightBox({txtImage: 'Design'}) 

什麼我做的是...調用文件portfolio.php並採取＃內容DIV中的HTML和在用戶正在瀏覽的網頁＃內容股利加載它。

如果可能請幫助代碼。

Answer 1

這裏假設.gallery是#content這裏的孩子。你將它添加到showNewContent()功能，像這樣：

function loadContent() { 
    $('#content').load(toLoad,'',showNewContent); 

} 
function showNewContent() { 
    $('#content').find('.gallery a').lightBox({txtImage: 'Design'}) 
       .end().show('normal',hideLoader); 
} 
function hideLoader() { 
    $('#load').fadeOut('normal'); 
} 

確保調用showNewContent的回調，而不是showNewContent()，（沒有括號！），否則它實際上執行該功能權限，然後並試圖分配結果到回調函數，而不是函數本身，所以當動畫完成時不運行它。