Sharepoint优化Breadcrumb

Question

根据附件，如何在SharePoint中创建精化面包屑？

请帮帮我。谢谢..。

​

​

Answer 1

我们可以使用jQuery来实现，下面的代码供您参考：

<script src="//code.jquery.com/jquery-1.12.4.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () { 
    buildBreadcrumb();
    $("select[title='Department']").change(function(){
        buildBreadcrumb();
    });
    $("select[title='Branch']").change(function(){
        buildBreadcrumb();
    });
    $("select[title='Sub Branch']").change(function(){
        buildBreadcrumb();
    });
});
function buildBreadcrumb(){
    var department = $("select[title='Department']").val();
    var branch = $("select[title='Branch']").val();
    var subBranch = $("select[title='Sub Branch']").val();
    $("#refBreadcrumb").html(department+">>"+branch+">>"+subBranch);
}
</script>
<div id="refBreadcrumb"></div>