在Sharepoint中使用Jquery加载页眉和页脚

时间:2018-01-23 18:10:58

标签: javascript jquery html sharepoint

我正在尝试加载页眉和页脚,但遇到加载时问题,它在Sharepoint上加载速度非常慢,使用WAMP测试并且工作正常。 我正在使用

$(function(){
   $("#headerFile").load("header.html");
   $("#footerFile").load("footer.html");
});

并尝试过使用document.ready。 我还希望在内容之前加载页眉和页脚,但是如果更快的加载时间使得不太明显,那就没问题了。

1 个答案:

答案 0 :(得分:0)

尝试使用以下代码:

<script src="//code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
$(function () {
    $("#contentBox").hide(); //hide content 
    $("#headerFile").load("header.html",function(){
        $("#footerFile").load("footer.html",function(){
            //show sharepoint content
            $("#contentBox").show();//show content
        });
    }); 
});
</script>

或者我们可以在加载SharePoint内容后创建加载程序并隐藏加载程序。

请参阅https://www.w3schools.com/howto/howto_css_loader.asp