在Sharepoint中添加可折叠标头(jQuery)

时间:2017-06-01 18:36:32

标签: javascript jquery html sharepoint sharepoint-online

我在使用Sharepoint中的jQuery添加可折叠标头时遇到问题。我使用Sharepoint中的脚本编辑器Web部件导入jQuery,但是当我使用多个标记时,这会导致问题。

我的代码是:

<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

我在我的标题周围的代码是

<div data-role="collapsible">
  <h1>Header</h1>
  <p>Content</p>
</div>

当我在脚本编辑器中添加jQuery的脚本标记时,我的页面编辑按钮不再有效。我需要删除页面maitenence中的Script部分才能再次工作。 如何在Sharepoint中实现此功能?感谢。

1 个答案:

答案 0 :(得分:0)

您提供的代码应该可以使用,但是如果您想尝试其他方法,则可以运行此代码。它会将scriptlink添加到您的页面所在的Web(jquery将出现在此特定Web的所有页面上)

JavaScript代码:

var clientContext = SP.ClientContext.get_current()
var web = clientContext.get_web();
var UserCustomActions = web.get_userCustomActions();
clientContext.load(UserCustomActions)

var action = UserCustomActions.add();
action.set_location('ScriptLink');
action.set_sequence(5);
action.set_title('jQuery');
action.set_description('jQuery');
action.set_scriptBlock("document.write(\"<script type='text/javascript' src='https://code.jquery.com/jquery-1.11.3.min.js'><\\/script>\");");
action.update();

clientContext.executeQueryAsync(Function.createDelegate(this, this.onQuerySucceeded), Function.createDelegate(this, this.onQueryFailed));

function onQuerySucceeded(sender, args) {
    alert("done");
}

function onQueryFailed(sender, args) {
    alert('Request failed. ' + args.get_message() + '\n' + args.get_stackTrace());
}