2012-10-28 65 views
0

我一直在查詢一段時間strucling。我有一個CMS,我想在我的網站上使用,購買我不能使用PHP包括所以我決定使用jQuery。我做了所有必要的包括,當我打開網頁,它不會加載所有的文件...很少加載()函數加載每個文件。任何想法來解決問題或替代方案?謝謝。jQuery的加載()函數不會加載所有

<script type="text/javascript"> 
$(document).ready(function(){ 
// find element with ID of "target" and put file contents into it 
$('#welcome-container').load('admin/data/blocks/Slider/Text.html'); 
$('#slides').load('admin/data/blocks/Slider/Imagini.html'); 
$('#acasa-continut').load('admin/data/blocks/Acasa/Continut.html'); 
$('#sidebar').load('admin/data/blocks/Sidebar/Continut.html'); 
$('#sidebar-v1').load('admin/data/blocks/Sidebar/Video-1.html'); 
$('#sidebar-v2').load('admin/data/blocks/Sidebar/Video-2.html'); 
$('#principii').load('admin/data/blocks/Despre/Principii.html'); 
$('#echipa').load('admin/data/blocks/Despre/Echipa.html'); 
$('#echipament').load('admin/data/blocks/Despre/Echipament.html'); 
$('#contact-t').load('admin/data/blocks/Contact/Contact.html'); 
}); 
</script> 

我與deloper工具檢查,並讓,隨機在每次刷新時,對不同的元素500內部服務器錯誤

+0

在資源前使用斜槓。例如/admin/data/blocks/Slider/Text.html –

+0

內部服務器錯誤是什麼意思?我認爲這些網頁不存在或者這些資源的路徑是錯誤的。 –

+0

所有這些元素在第一次加載之前是否存在於DOM中?您可能需要將依賴於其他動態內容的加載放在回調中。 – David

回答

1

客戶端代碼,請求複合HTML並將其分發到不同的容器會是這樣的:

$(document).ready(function(){ 
    $.ajax({ 
     url: 'admin/data/blocks/all/page.html', 
     dataType: 'json', 
     success: function(data){ 
      $.each(data, function(i, obj) { 
       $('#'+obj.target).html(obj.html); 
      }); 
     } 
    }); 
}); 

這是假定admin/data/blocks/all/page.html是一個服務器端資源,將提供以下結構的JSON編碼的響應:

[ 
    { 'target':'welcome-container', 'html':'<div>whatever</div>' }, 
    { 'target':'slides', 'html':'<div>whatever</div>' }, 
    { 'target':'acasa-continut', 'html':'<div>whatever</div>' }, 
    { 'target':'sidebar', 'html':'<div>whatever</div>' }, 
    { 'target':'sidebar-v1', 'html':'<div>whatever</div>' }, 
    { 'target':'sidebar-v2', 'html':'<div>whatever</div>' }, 
    { 'target':'principii', 'html':'<div>whatever</div>' }, 
    { 'target':'echipa', 'html':'<div>whatever</div>' }, 
    { 'target':'echipament', 'html':'<div>whatever</div>' }, 
    { 'target':'contact-t', 'html':'<div>whatever</div>' }, 
]