Javascript 这个jQuery，Moment.js脚本赢得了'；无法在SharePoint Online脚本编辑器web部件中显示，有什么想法吗？

我在SharePoint Online帐户中设置了脚本编辑器Web部件。当我编辑页面时，结果会显示，但当浏览页面时，结果不会显示

以下是我使用的脚本：

<h3>You got married: <span id="married"></span></h3>
<h3>Adam was born: <span id="adamBorn"></span></h3>   

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://mysite.sharepoint.com/tech/Scripts/moment-with-langs.js">    </script>
<script>

  function setMoments(){
        var married = $('#married'),
            date = moment("1951-12-05", "YYYY-MM-DD"),
            update = function(){
                   married.html(date.fromNow());
            };
       update();

    var adamBorn = $('#adamBorn'),
        date = moment("1992-06-14", "YYYY-MM-DD"),
        update = function(){
                   adamBorn.html(date.fromNow());
                 };


    update();

  };

  _spBodyOnLoadFunctionNames.push("setMoments");
</script>

你结婚了：
亚当出生于：
函数setMoments（）{
var married=$（“#married”），
日期=时刻（“1951-12-05”，“YYYY-MM-DD”），
更新=函数（）{
html（date.fromNow（））；
};
更新（）；
变量adamBorn=$（“#adamBorn”），
日期=力矩（“1992-06-14”，“YYYY-MM-DD”），
更新=函数（）{
html（date.fromNow（））；
};
更新（）；
};
_spBodyOnLoadFunctionNames.push（“setMoments”）；

---

我还尝试了使用document.ready，但在浏览页面时仍然无法显示结果。

您是否尝试过调试，例如在

setMoments（）

之前添加一个

警报（）

，以确保在某个时间到达这部分代码

您的代码也可以简化：

<script>
$('#married').html(moment("1951-12-05", "YYYY-MM-DD").fromNow());
$('#adamBorn').html(moment("1992-06-14", "YYYY-MM-DD").fromNow());
</script>

$（“#已婚”）.html（矩（“1951-12-05”，“YYYY-MM-DD”）.fromNow（）；
$（'#adamBorn'）.html（moment（“1992-06-14”，“YYYY-MM-DD”）.fromNow（））；

---

由于脚本位于这两个字段之后，因此无需使用

$（documen）.ready

或

\u spBodyOnLoadFunctionNames

不正确

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://mysite.sharepoint.com/tech/Scripts/moment-with-langs.js">    </script>

<script language="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script language="javascript" src="https://mysite.sharepoint.com/tech/Scripts/moment-with-langs.js">    </script>

正确

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://mysite.sharepoint.com/tech/Scripts/moment-with-langs.js">    </script>

<script language="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script language="javascript" src="https://mysite.sharepoint.com/tech/Scripts/moment-with-langs.js">    </script>

---

显然，您必须指定语言：-）

尝试放置_spBodyOnLoadFunctionNames.push（“setMoments”）；在脚本标签上，.@Yevgeniy.Chernobrivets没有运气。相同的结果。我更新了以使用您的脚本和相同的行为。结果在我编辑页面时显示，但在浏览页面时不显示。谢谢你的简化代码。