javascript - SP2016 - 添加到 Suite Bar 的链接 - 找到部分答案，需要 JS 专家的帮助

Question

我研究了无数个小时，以找到一个脚本，使我能够在 SP2016 On Prem 中添加指向套件栏的链接。 SP2013 有很多解决方案，但它们不适用于 SP2016(样式代码和功能已更改？)。

我找到了一个效果很好但页面加载有延迟的脚本(据报告这是该脚本的一个常见问题)。我在 Stack Exchange 的另一个线程上找到了答案，但遗憾的是答案是用一些 JS 包装它，我只是不知道该怎么做，答案没有显示完整的脚本所以我回到正方形1 -( ... 谁能帮忙提供完成的脚本？

有效的初始脚本(但页面加载有延迟)

<script>
var raiseFunc = function() {
    var link = document.createElement('a');
    var linktext = document.createTextNode("Google");
    link.href = "http://www.google.ca"
    link.setAttribute("class", "o365button o365cs-nav-appTitle o365cs- topnavText");
    var span = document.createElement('span');
    span.appendChild(linktext);
    span.setAttribute("class", "o365cs-nav-brandingText");
    link.appendChild(span);
    var temp = document.getElementById("Sites_BrandBar");
    temp.parentElement.appendChild(link);
};

_spBodyOnLoadFunctions.push(raiseFunc);
</script>

表面修复 ( Add link to sharepoint suite bar - fail on first load )

尝试将您的添加链接变成一个函数并使用

SP.SOD.executeFunc('sp.js','SP.ClientContext', yourFunctionToInsertHere); 

我相信是 sp.js 在您尝试添加之前未加载。这应该会延迟您的添加，直到它被加载。 (作者报告说这很好用)

===========================================

如何将此修复程序合并到原始脚本中？

非常感谢，Julie -)

Answer 1

我做这件事的方式，我是在你链接到的问题中回答它的马特，我是用户 jquery 的 $(document).ready(function(){});我的具体做法如下:

$(document).ready(function(){
    SP.SOD.executeFunc('sp.js', 'SP.ClientContext', raiseFunc());
});

function raiseFunc() {
    var link = document.createElement('a');
    var linktext = document.createTextNode("Google");
    link.href = "http://www.google.ca"
    link.setAttribute("class", "o365button o365cs-nav-appTitle o365cs- topnavText");
    var span = document.createElement('span');
    span.appendChild(linktext);
    span.setAttribute("class", "o365cs-nav-brandingText");
    link.appendChild(span);
    var temp = document.getElementById("Sites_BrandBar");
    temp.parentElement.appendChild(link);
};

请记住，这是为了处理列表而不是我们为链接或主导航所做的工作。我不能保证这会解决您的问题。如果您不能使用 jQuery，那么我相信还有其他解决计时问题的方法。