使用 JQuery 作为 ASP.NET 嵌入式网络资源答案

【问题标题】：Using JQuery as an ASP.NET embedded webresource使用 JQuery 作为 ASP.NET 嵌入式网络资源
【发布时间】：2010-09-30 06:17:20
【问题描述】：

我有一个 ASP.NET 服务器控件，它依赖于 JQuery 来实现某些功能。我尝试添加为网络资源。

我的问题是我将 jquery 文件添加到正文的方法，或者确切地说是表单：

this.Page.ClientScript.RegisterClientScriptInclude(...)

对此的替代方法是将其作为文字添加到 head 标签中：

LiteralControl include = new LiteralControl(jslink);
this.Page.Header.Controls.Add(include);

然而，这个问题是头部中任何使用 JQuery 的现有代码 src 都会失败，因为 JQuery 是在之后加载的（ASP.NET 在控制树的底部添加了文字）。

有没有一种实用的方法可以让 JQuery 成为嵌入式资源，但首先加载到头部？还是我现在应该放弃。

【问题讨论】：

我能问一下为什么你不只是将 jquery 文件添加到你的项目中并使用脚本标签引用它吗？
可以这样做，目前是这样，但想法是服务器控件是自包含的

标签： asp.net jquery embedded-resource webresource

【解决方案1】：

如果您想打包 jQuery 并将其嵌入到您自己的服务器控件中，您应该使用 ScriptManager 将其提供给客户端。从我的脑海中你必须：

将 jQuery.js 添加到您的项目中
在其“构建操作”属性下，使其成为嵌入式资源

在您的 AssemblyInfo.cs 中控件添加

[assembly: WebResource("<Your Server Control namespace>.jQuery.js", "application/x-javascript")]

让您的控件继承自 System.Web.UI.ScriptControl（或在最少执行IScriptControl)

覆盖 GetScriptReferences：

protected override IEnumerable<ScriptReference>
GetScriptReferences()
{
return new ScriptReference[] { 
    new ScriptReference("<Your Server Control namespace>.jQuery.js", this.GetType().Assembly.FullName),
};
}

您自己的所有客户端脚本都应该在里面设置：

protected override IEnumerable<ScriptDescriptor> GetScriptDescriptors()

这将确保正确的依赖顺序（即 jQuery 将可用于您自己的客户端脚本）。

【讨论】：

哦，您可能应该使用 jQuery noConflict() 并将其公开在您自己的客户端命名空间中。 IE MyNameSpace.$ = jQuery.noConflict() 以免干扰外部页面可能正在做的 $ 的其他用途。
我必须尝试一下，我们遇到了同样的问题。
这将我推向了正确的方向，我还找到了en.csharp-online.net/…—IScriptControl.GetScriptReferences_Method。但我的问题仍然存在，ScriptManager 在头部脚本之后添加了引用。

【解决方案2】：

更新：

一个更简单的方法是简单地在脚本中动态添加脚本标签并指向谷歌代码托管。例如

function include_dom(script_filename) {
    var html_doc = document.getElementsByTagName('head').item(0);
    var js = document.createElement('script');
    js.setAttribute('language', 'javascript');
    js.setAttribute('type', 'text/javascript');
    js.setAttribute('src', script_filename);
    html_doc.appendChild(js);
    return false;
}

include_dom("http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js");

函数取自this article

Crecentfresh 把我推向了正确的方向，我也找到了

http://en.csharp-online.net/Creating_Custom_ASP.NET_AJAX_Client_Controls—IScriptControl.GetScriptReferences_Method.

我的问题仍然存在，ScriptManager 在头部的脚本之后添加了引用，但我认为这是一个无法解决的问题。我选择回答自己，但也支持 crescentfresh。

【讨论】：