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

Javascript 在Sharepoint中添加可折叠标题(jQuery),javascript,jquery,html,sharepoint,sharepoint-online,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.

我在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添加脚本标记时,我的页面编辑按钮不再工作。我需要删除页面maitenance中的脚本部分,它才能再次工作。
如何在Sharepoint中实现此功能?谢谢。

您提供的代码应该可以工作,但是如果您想尝试其他方法,可以运行此代码。它会将scriptlink添加到页面所在的web(jquery将显示在此特定web中的所有页面上)

JavaScript代码:

var clientContext=SP.clientContext.get_current()
var web=clientContext.get_web();
var UserCustomActions=web.get_UserCustomActions();
加载(UserCustomActions)
var action=UserCustomActions.add();
action.set_位置('ScriptLink');
动作。设置动作顺序(5);
action.set_title('jQuery');
action.set_description('jQuery');
动作。设置脚本块(“document.write(\“\”);”;
action.update();
clientContext.executeQueryAsync(Function.createDelegate(this,this.onQuerySucceed),Function.createDelegate(this,this.onQueryFailed));
函数onquerysucceed(发送方,参数){
警惕(“完成”);
}
函数onQueryFailed(发送方,参数){
警报('请求失败。'+args.get_message()+'\n'+args.get_stackTrace());
}
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());
}