2016-08-12 83 views
0

我正在使用此代碼將html頁面填充到div。Jquery加載不能在加載內容上工作

$(document).ready(function(){      
     // Load Home Content 
     $('#content').load('pages/sample.html'); 

     //Load Content Using Menu Links 
     $('.main-menu a').click(function(){ 
     var page = $(this).attr('href'); 
     $('.content').load('pages/' + page + '.html'); 
     return false; 
     }); 
}); 

而且我有加載的html上的錨點標記。類似於我的主頁。一個代碼示例:

<div class="main"> 
<a href="sample">Go To Next Page</a> 
</div> 

現在我有上加載的div多個錨定像上面和我想使用在其上相同的負載過程來更改碼內容的div。

任何幫助,將不勝感激。

回答

0

您需要在第一個加載序列完成後調用第二個加載序列。你可以通過調用它像這樣第一次加載的回調函數做到這一點 -

$('#content').load('pages/sample.html', function(){ 
    //load your second set of html here with another load. 
    $('#previouslyloadeddiv').load('pages/anotherpage.html'); 
}); 

這是不對的,現在工作的原因是因爲jQuery不能在加載HTML,因爲它找到錨尚未完成加載。

+0

我有第一次加載和第二次加載相同的div。內容需要在同一個div內重新加載。 – CreativeDip

+0

您可以執行'$('#content')。empty()'以在第二次加載之前刪除先前的內容。我想我在這裏誤解你。爲什麼你需要從第一次加載的內容呢? – charsi

+0

這段代碼適用於兩個負載,我有50多個負載。在負載內加載然後在加載內加載。如果可能,請讓我知道。謝謝 – CreativeDip