2010-07-21 33 views
0

希望這將是一個簡單的辦法..jQuery的AJAX +內嵌的JavaScript

我使用這個腳本內容加載到一個div王氏阿賈克斯...

$(document).ready(function() { 



$('.top_nav a').click(function(){ 

    var toLoad = $(this).attr('href')+' .content'; 
    $('.content').hide('slow',loadContent); 
    $('#load').remove(); 
    $('#header_resize').append('<span id="load">Please wait</span>'); 
    $('#load').fadeIn('normal'); 
    window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5); 
    function loadContent() { 


    $('.content').load(toLoad,showNewContent()) 

    } 
    function showNewContent() { 

    $('.content').show('normal',hideLoader()); 


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

}); 

}); 

這個偉大的工程! :)

我也想對將被加載到div的圖像使用Fancybox插件。

所以我把這個添加到我的index.php -

$("a#example6").fancybox({ 
     'titlePosition' : 'over'}); 

所以基本上我認爲,當我與#example6的證件照片得到了加載到我的網頁與AJAX,它會自動鉤與上面的代碼...

它不!我假設這是因爲.fancybox調用僅適用於原始DOM中的東西......我如何讓它傾聽所有未來的#example6並相應地激發插件。

如果遇到麻煩,請多多指教。

謝謝

謝恩。

回答

3

嘗試把該插件的fancybox分配給#example6的AJAX負荷:)

而且回調函數內部調用,這將有助於我們幫助你,如果你能在看起來像編輯器中使用的按鈕一個二進制代碼的正方形,以確保您的代碼正確顯示。謝謝:)