SharePoint 自定义 Web 部件 jQuery 是“未定义的”答案

【问题标题】：SharePoint custom web part jQuery is "undefined"SharePoint 自定义 Web 部件 jQuery 是“未定义的”
【发布时间】：2014-06-27 15:21:40
【问题描述】：

我正在尝试将自定义 Web 应用程序（联系人列表）从 sharepoint 2010 移动到 sharepoint 2013。联系人列表通过使用 jQuery 显示带有图片的名称，单击深灰色栏后显示其余部分联系方式如下： http://imgur.com/W29PUJ4

该列表在 sharepoint 2010 中完美运行，但在 2013 年不适用。这是似乎正在破坏的代码：

<script type="text/javascript" language="javascript">
jQuery('#' + '<%= firstpane.ClientID %>' + " div.menu_head").click(function () 
{
jQuery(this).css({ backgroundImage: "" }).next("table.menu_body").slideToggle(100).siblings("table.menu_body").slideUp("fast");
jQuery(this).siblings().css({ backgroundImage: "" });
});

</script>

在 sharepoint 2010 中，当单击联系栏时，信息表会完美显示。在 2013 中，显示了联系栏，但单击时不会切换。当我在开发人员工具中运行它时，我收到一条错误消息：

在 IE 中： SCRIPT5009：“jQuery”未定义

在铬：未捕获的 ReferenceError：未定义 jQuery

如果我尝试将 jQuery 更改为 $，那么我会得到相同的错误，但它却说 $ 未定义。我在 sharepoint 中检查了 jQuery 文件的权限，它说该文件在那里并且可以访问。有谁知道如何解决这一问题？谢谢！

罗杰

【问题讨论】：

尝试添加 Jquery 库并将所有内容包装在 document.ready
如何添加 jQuery 库？我不是原生 jQuery 用户。我试图将代码包装在 document.ready 中，但似乎没有什么不同。
sympmarc.com/2011/05/03/… 看到这个链接。
我是否只是将其复制粘贴到我的代码中？还是我需要编辑 src 以匹配我的文件
编辑 src 并将其与您的 Jquery 文件匹配。

标签： jquery sharepoint-2010 migration sharepoint-2013 web-parts

【解决方案1】：

您可以创建一个可视化 webpart 并使用此代码添加您需要的所有 js 文件

     protected void Page_Load(object sender, EventArgs e)
    {

        Type csType = this.GetType();
        ClientScriptManager cs = Page.ClientScript;

        String jQueryURL0 = path+ "_layouts/15/jquery/js/jquery-1.9.1.min.js";
        if (!cs.IsClientScriptIncludeRegistered(csType, "jquery.js"))
        {
            cs.RegisterClientScriptInclude(csType, "jquery.js", jQueryURL0);
        }

    }

并将 jquery 链接添加到您的 webpart

<SharePoint:ScriptLink ID="jqgrid" runat="server" Name="/_layouts/15/jquery/js/jquery-1.9.1.min.js"></SharePoint:ScriptLink>

或者直接将jquery的链接添加到masterpage

【讨论】：

只需添加 ScriptLink 就足够了...无需在页面加载时注册它。