jQuery 与 ASP.NET Server Control 的版本冲突解决

Question

我正在开发一个 ASP.NET 服务器控件，它使用 jQuery 来实现某些客户端逻辑。我已将 jQuery 文件作为资源嵌入到控件中。

我不想将使用控件的应用程序限制为该特定版本的 jQuery，并且我想继续使用我嵌入的 jQuery 版本。

我知道 noconflict 方法，但我看到的问题是我无法控制页面上脚本标签的顺序。

如果用户的 jQuery 版本包含在我的版本之前，那么我最终会在调用 noconflict 之前覆盖它。

请帮忙

Answer 1

您可以使用 noConflict(true) 来执行此操作：

var myJQuery = jQuery.noConflict(true);

true 参数告诉 jQuery 除了 $ 符号之外还释放 jQuery 符号。只需将其添加到要嵌入控件中的 jQuery.js 文件的末尾即可。

jQuery 脚本对于冲突很聪明。它所做的第一件事就是获取 $ 和 jQuery 的当前值并将它们存储起来，以便稍后在您要求时可以恢复它们。因此，如果您的脚本首先加载，则 $ 和 jQuery 都不会被定义，并且新脚本可以拥有它们。如果您的脚本是第二个加载的，它恢复之前的$ 和jQuery。

示例：

假设您使用的是最新版本 (v1.5.1)，但页面作者使用的是较旧的 1.4.4。实际上，通过在 1.5.1 文件末尾添加 var jq151 = jQuery.noConflict(true); ，您可以执行以下操作：

<script src='jquery-1.5.1.min.js'></script>
<script>var jq151 = jQuery.noConflict(true);</script>

...除非它全部位于一个脚本标记中。所以有两种可能性：

1）他们先走：

<script src='jquery-1.4.4.min.js'></script>
<script src='jquery-1.5.1.min.js'></script>
<script>var jq151 = jQuery.noConflict(true);</script>

实例

2）你先走：

<script src='jquery-1.5.1.min.js'></script>
<script>var jq151 = jQuery.noConflict(true);</script>
<script src='jquery-1.4.4.min.js'></script>

实例

不管怎样，jQuery 和 $ 最终都指向它们的 1.4。 4 版本，jq151 最终指向您的 1.5.1 版本。

---

也许有点偏离主题，但对于任何认为这有点神奇的人来说，这实际上非常简单。 :-) 这是一个脚本，它将重新定义 foo，但如果您要求它恢复以前的定义：

// The script
(function() {
    var globalObject = this, // Or just use `window` on browsers
        oldfoo,
        ourfoo;

    oldfoo = globalObject.foo;
    ourfoo = globalObject.foo = {
        version: "new",
        restorePrevious: restorePrevious
    };

    function restorePrevious() {
        globalObject.foo = oldfoo;
        return ourfoo;
    }
})();

上面定义的 foo 示例

foo 示例> 在上述内容之后定义（如果您想知道为什么尽管 var foo 位于脚本之后，但它仍然有效，这里有一些阅读内容，阅读有关贫穷的、被误解的 var)

---

关于插件：您在下面询问了有关插件的问题。插件通过将其功能分配给 jQuery.fn 和（在某些情况下）jQuery 上的属性来注册自己，如下所示：

jQuery.fn.makeFoo = function() {
};

通过上述操作，您可以访问 makeFoo 函数（例如，$('foo').makeFoo();）。一个编写良好的插件将确保它通过使用以下结构与 noConflict() 和 noConflict(true) 良好地配合：

(function($) {
    $.fn.makeFoo = function() {
        $(this).addClass("foo");
    };
})(jQuery);

。 ..或者一个喜欢的人。 （通过上面的内容，我们永远不会在函数体内使用 jQuery 来引用 jQuery。如果我们愿意，我们可以添加 var jQuery = $; 在顶部。）

它定义了一个匿名函数并立即调用它，传入 jQuery 的当前全局值。它接收作为 $ 参数，因此在函数内，符号 $ 将始终为jQuery 实例。它可以自由地使用 $ ，因为它知道它引用了它注册的 jQuery 版本。

一个编写得稍微好的插件可能会假设 jQuery 总是相同的（例如，只能与 noConflict() 配合使用，而与 noConflict(真））。不过，你可以解决这些问题。如果您遇到这样的情况，请复制一份并将

(function($) {
    var jQuery = $;

...放在顶部，

})(jQuery);

...放在底部。 99% 的情况下，这都会让它表现良好。

如果您想在嵌入式 jQuery 实例中使用插件，最好的选择是将它们包含在您的自定义文件中。所以文件内容变成：

• jQuery 脚本
• (插件脚本)
• (插件脚本)
• ...
• Your var jq151 = jQuery.noConflict(true);

Answer 2

这是一个很好的解决方案：不要使用 jQuery。至少——一开始不是。使用javascript等待所有脚本加载完毕，存储“$”的值，然后通过script标签注入jQuery，并恢复“$”之前的值。