【问题标题】:How to add Jquery to MasterPage 2013如何将 Jquery 添加到 MasterPage 2013
【发布时间】:2014-10-07 22:26:05
【问题描述】:

我正在尝试将 jQuery 添加到 sharepoint 2013 母版页。我做了什么:

1)

  • 将 jquery -“jquery-1.11.1.min.js”复制到 C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\15\TEMPLATE\LAYOUTS。
  • 复制 seattle.html 并添加 <!--SPM:<SharePoint:ScriptLink language="javascript" name="/_layouts/jquery-1.11.1.min.js" runat="server" Localizable="false" />-->
  • 将 seattle.html 上传为 ASP NET MASTERPAGE
  • 发布 ---> 没有发生任何事情。到 seattle.master 没有出现 Sharepoint:Scriptlink

2)

  • 将 jquery -“jquery-1.11.1.min.js”复制到 SiteAssets。我的应用程序位于根网站集上,因此例如访问 jquery 是

http://localhost/SiteAssets/jquery-1.11.1.min.js

  • 复制 seattle.html
    • 添加!--SPM:<SharePoint:ScriptLink language="javascript" name="'~sitecollection/SiteAssets/jquery-1.11.1.min.js" runat="server" Localizable="false" />-->
    • 还是没有效果

Sharepoint 2013从开始到添加Jquery的正确方法是什么?

【问题讨论】:

    标签: javascript jquery sharepoint sharepoint-2013


    【解决方案1】:

    可能您忘记应用自定义母版页,转到母版页设置页面并将Site Master PageSystem Master Page 设置为您的自定义母版页。

    注意:第二个选项有错别字:name属性包含 '符号

    如何在 SharePoint 2013 母版页中引用 JavaScript 文件

    假设以下场景:

    • 带有关联 HTML 文件的自定义母版页 helsinki.master 是 用过
    • jQuery 库 jquery.min.js 位于 SharePoint Site Assets 库中

    然后,为了在自定义母版页中引用 jQuery 库,使用以下步骤:

    • 打开关联的 HTML 文件helsinki.html
    • 插入行<!--SPM:<SharePoint:ScriptLink language="javascript" name="~sitecollection/SiteAssets/jquery.min.js" runat="server" Localizable="false"/>-->
    • 发布helsinki.html
    • 转到母版页设置页面并设置Site Master PageSystem Master Pagehelsinki.master

    关于系统母版页

    系统母版页供此站点上的管理页面、列表和文档库视图使用

    此方法已在 SharePoint 2013 中经过测试,适合我。

    【讨论】:

    • 我试过这个但它不起作用`name="/sites/sample/Style%20Library/Scripts/jquery-1.11.0.min.js"`我应该改变什么?
    • 也适用于在线 SharePoint! :D
    【解决方案2】:

    我建议添加带有自定义 DelegateControl 的 jQuery。使用这种方法,无需修改 MasterPage。 每个 Masterpage 都包含一个占位符,您可以在其中挂接自定义脚本,例如 jQuery。

    以下是如何开发解决方案的详细说明: http://blogs.msdn.com/b/kaevans/archive/2011/04/06/adding-jquery-to-every-page-in-sharepoint-with-delegate-controls.aspx

    delegateControl 最酷的地方在于,您可以为此解决方案使用任何范围。因此,您可以将 jQuery 应用于整个 Farm、Web 应用程序、Sitecollection 或 Web。

    问候

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-06-01
      • 2014-02-01
      • 1970-01-01
      • 2016-08-05
      • 1970-01-01
      • 2010-11-28
      • 2015-02-12
      • 1970-01-01
      相关资源
      最近更新 更多