如何在JSFiddle中启用jQuery UI?

pri*_*ero 45 jquery-ui jsfiddle

"框架和扩展"部分中没有jQuery UI选项.我应该将其添加为外部资源吗?

ret*_*eto 59

添加JS框架的UI已经过调整(多次).

目前,您可以通过单击Javascript部分的settings-cog-wheel添加这些框架:

JS上下文菜单的截图

  • 它已被移动到Java Script窗格中的"cog" (19认同)
  • 是否删除了"框架和扩展"?我找不到它. (6认同)
  • 2019 年需要注意的两件事:(1)现在的界面看起来与上面的屏幕截图有所不同。在 JavaScript 窗格中,您需要单击的标题最初会显示“JavaScript + No-Library(纯 JS)”。齿轮按钮已被替换为向下的三角形。(2) 正如其他发帖者所指出的,如果您从“框架和扩展”下拉菜单中选择“jQuery (edge)”或“jQuery 1.9.1”,则会出现用于添加 jQuery UI 的控件。但是,如果您选择任何其他版本的 jQuery(2.xx、3.xx),jQuerui UI 将不会显示为选项。 (2认同)

dot*_*hen 17

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

在此输入图像描述


Pys*_*sis 14

新答案

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

我还没有具体测试过UI部分,但是我注意到当你选择jQuery版本时,(edge)或者1.9.1jQuery UI在下拉框下面的复选框列表中可用.

轻松地在jFiddle中启用jQuery和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


T3.*_*3.0 5

在外部资源 > 单击文本字段并输入托管 jQuery 库的 url,例如来自 google 的这个库:https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js。然后单击加号图标。