0

私はしばらくの間、クエリに苦労してきました。私は自分のサイトで使用したい CMS を持っていますが、PHP のインクルードを使用できないため、jquery を使用することにしました。必要なすべてのインクルードを作成しましたが、Web ページを開いたときにすべてのファイルがロードされません... load() 関数がすべてのファイルをロードすることはめったにありません。問題または代替案を解決するためのアイデアはありますか? ありがとう。

<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内部サーバーエラーが発生します

4

1 に答える 1

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>' },
]
于 2012-10-28T13:20:15.683 に答える