45

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

prigero
  • 563
  • 1
  • 4
  • 5
  • 2
    The option does exist (as a checkbox under "Frameworks & Extensions"), but its availability depends on the version of jQuery you selected. – Frédéric Hamidi Jun 19 '15 at 07:39
  • Thank you :) I tried it with jQuery 2.1.3, and it didn't work. With jQuery (edge), it works perfectly. – prigero Jun 19 '15 at 07:57

4 Answers4

59

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:

screenshot of JS context menu

reto
  • 9,995
  • 5
  • 53
  • 52
  • Thanks :) I knew that this list appears somehow, but I couldn't find out how. – prigero Jun 19 '15 at 08:00
  • 6
    Is `Frameworks & Extensions` removed? I can't find it. – clankill3r Dec 24 '15 at 14:58
  • 19
    It has been moved to the "cog" in the Java Script pane – reto Dec 24 '15 at 23:34
  • 2
    Two things to note in 2019: (1) The interface now looks different from the screenshot above. In the JavaScript pane, the heading you need to click will initially say, "JavaScript + No-Library (pure JS)." The cog button has been replaced with a downward-pointing triangle. (2) As noted by other posters, if you select "jQuery (edge)" or "jQuery 1.9.1" from the Frameworks & Extensions drop-down menu, controls for adding jQuery UI will appear. However, if you select any other version of jQuery (2.x.x, 3.x.x), jQuerui UI will NOT appear as an option. – Dan Robinson Aug 30 '19 at 17:29
17

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

enter image description here

dotancohen
  • 30,064
  • 36
  • 138
  • 197
16

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.

Enabling jQuery and jQuery UI in jFiddle easily

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

Pysis
  • 1,452
  • 2
  • 17
  • 31
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.

T3.0
  • 446
  • 1
  • 6
  • 21