如何在 JSFiddle 中启用 jQuery UI？

Question

“框架和扩展”部分没有 jQuery UI 的选项。我应该将其添加为外部资源吗？

Answer 1

添加JS框架的UI已适配（多次）。

目前您可以通过单击 Javascript 部分的设置齿轮添加这些框架：

Answer 2

JSFiddle 框架和扩展选项已移至 Javascript 窗格选项！

Answer 3

新答案

今天检查 jsFiddle 网站，我看到他们添加了一些控件。这与 reto 和 dotancohen 的答案风格相同。

我还没有专门测试 UI 部分，但我确实注意到，当您选择 jQuery 版本

(edge)

或

1.9.1

时，下拉框下方出现的复选框列表中提供了 jQuery UI。

旧答案

连同其他答案（我打算补充 dotancohen 的答案）讨论相当重要的 JSFiddle UI 更改，我想通过说 jQuery UI 特别不适合我来完成信息。我必须进入左侧的“外部资源”并输入这些 URL：

https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js

https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css

示例 jQuery UI JSFiddle

Answer 4

在“外部资源”下 > 单击文本字段，然后输入托管 jQuery 库的 URL，例如来自 google 的这个库：

https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js

。然后单击加号图标。