使用Ajax驅動的網站加載新腳本

我已經完成了對以前答案的常見搜索...沒有找到。使用Ajax驅動的網站加載新腳本

基本上我創建一個網站，使用jQuery將每個頁面加載到內容Div中。

這裏正在進行的現場http://www.websitesbyshane.co.uk/chris

一切工作正常，到目前爲止，我的問題是，當用戶點擊進入該圖集「部分，我想顯示使用新的腳本時的一些圖像（燈箱但是，似乎通過使用ajax將內容加載到div中阻止了我這樣做。任何人有任何想法解決這個問題？

謝謝。

這裏是我的Ajax腳本...

$（文件）。就緒（函數（）{

var hash = window.location.hash.substr(1); 
var href = $('.top_nav a').each(function(){ 
    var href = $(this).attr('href'); 
    if(hash==href.substr(0,href.length-5)){ 
     var toLoad = hash+'.html #content'; 
     $('#content').load(toLoad) 
    }           
}); 

$('.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; 

});

}）;

/*完成AJAX */

現在，裏面的＃內容div的，將加載的一個，我只是想添加收藏夾類型庫，其中將包括1個額外的.js文件。謝謝

來源

2010-07-20 shane

您可以發佈任何腳本樣本您'試圖申請，以及如何在AJAX中調用div內容？看起來像$ .getScript（）回調就足夠了，但很難說。 – 2010-07-20 20:54:50

上面編輯！ :) – shane 2010-07-20 21:11:03

這應該讓你更清楚。它在這裏很好用！ http://websitesbyshane.co.uk/chris/portfolio.php 但如果通過ajax調用訪問 http://websitesbyshane.co.uk/chris/index.php – shane 2010-07-20 21:14:36

您需要使用live()函數。我親身體驗過這一點，並且知道這會解決它。

來源

2010-07-20 20:33:09 Marwelln

感謝您的快速回答。我會在哪裏使用這個呢？在要加載的頁面的#content div內？ – shane 2010-07-20 20:37:33

是jQuery.getScript()你在找什麼？

來源

2010-07-20 20:31:31 Dianoga

我不確定。基本上，當我用ajax將內容加載到div中時，我無法再使用新內容上的任何腳本。這是我的問題 – shane 2010-07-20 20:38:37

你可以，也許，使用success事件的Ajax調用，初始化畫廊的話..（和預包括腳本在頁面）

來源

2010-07-20 20:35:03

使用Ajax驅動的網站加載新腳本

回答

相關問題