0

我一直在努力查询一段时间。我有一个我想在我的网站上使用的 CMS，购买我不能使用 PHP，所以我决定使用 jquery。我已经做了所有必要的包括，当我打开网页时它不会加载所有文件...... 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 回答