我可以将 jQuery UI 1.12.1 与 jQuery 3.x 一起使用吗？

Question

我将我的 jQuery 1.7.2 更改为 3.1.1 并将我的 jQuery UI 从版本 1.8.16 更改为版本 1.12.1。

我现有的很多 JS 东西都坏了，比如按钮的样式，dialog 的行为方式出乎意料，即模式对话框的一半被神秘的 <div class="ui-widget-overlay ui-front"></div> 掩盖了

由于上面的覆盖，我怀疑 jQuery UI 有问题。我去了 jQuery UI 网站，我看到稳定版是为jQuery 1.7+ 提供的。

这是否意味着我应该将 jQuery 1.x 与 jQuery UI 一起使用，或者我可以使用 jQuery 3.x 好吗（另外...尝试找出我的样式和功能损坏的原因）？

Answer 1

jQueryUI 支持以下 jQuery 版本范围：

"dependencies": {
    "jquery": ">=1.7.0 <4.0.0"
},

我会说你很高兴。

来源：https://github.com/jquery/jquery-ui/blob/master/package.json#L49

您可能会看到很多损坏的组件，因为您要么没有导入它们的 CSS，要么覆盖了它们的 CSS。

Answer 2

你可以在 jQuery 3.2.1 中使用 jQuery-UI 吗？

恕我直言，你不能没有严重的问题。 请参见下面给出的示例。

假设如下配置：

• jQuery 3.2.1 (CDN)
• jQuery UI 1.12.1 (CDN)
• 检测 jQ Migrate 3.0.0 以进行错误检测。

我收到以下错误：

• jQuery.expr[":"] 现在是 jquery-ui.min.js 中的 jQuery.expr.pseudos
• jQuery.expr.filters 现在是 query-ui.min.js 中的 jQuery.expr.pseudos
• jQuery.unique 已弃用，请使用 jQuery.uniqueSort