How to enable jQuery UI in JSFiddle?

∥☆過路亽.° 提交于 2019-11-29 10:33:35

问题


There is no option for jQuery UI in the "Frameworks & Extensions" part. Should i add it as an external resource?


回答1:


The UI for adding JS frameworks has been adapted (multiple times).

Currently you can add these frameworks by clicking on the settings-cog-wheel of the Javascript section:




回答2:


The JSFiddle Frameworks & Extensions selection has been moved to the Javascript pane options!




回答3:


New Answer

Checking the jsFiddle site today, I see they added some controls. This is in the same style of answer as reto's and dotancohen's.

I have not tested the UI portion specifically yet, but I do notice that when you select jQuery versions (edge) or 1.9.1, jQuery UI is available in the list of checkboxes that appear beneath the dropdown box.

Old Answer

Along with the other answers (I intend to complement dotancohen's answer) discussing that pretty significant JSFiddle UI change, I wanted to finish the information by saying jQuery UI specifically was not an option for me. I had to go into "External Resources" on the left-hand side and enter these URLs as well:

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

Example jQuery UI JSFiddle




回答4:


Under External Resources > click the text field and enter the url for a hosted jQuery library such as this one from google: https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js. Then click the plus icon.



来源:https://stackoverflow.com/questions/30932542/how-to-enable-jquery-ui-in-jsfiddle

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!