How to add jQuery to JSfiddle

jquery jsfiddle
kh.tab picture kh.tab · Apr 14, 2016 · Viewed 29.2k times · Source

The interface of JSfiddle has changed and i can't see any option to add jQuery, and set it onLoad as it was Before..

So can someone help me how to activate it.

And thank you for help.

Answer

ImClarky picture ImClarky · Apr 14, 2016

Alternatively to Velimir Tchatchevsky's Answer you can click the Javascript Settings button (top right left of Javascript pane).

enter image description here

You can select jQuery, and other extensions and frameworks, from the Frameworks & Extensions drop down.

Also, depending on the library selected there are also some other extensions to that library. An example below of jQuery 1.7.2, you can also include jQuery UI, jQuery Mobile etc.

enter image description here

In regards to Velimir Tchatchevsky's answer, the External Resources section on the left is more for importing other files / libraries that JSFiddle does not have.

For example, you could import libraries like FontAwesome or Datatables.js, or your own hosted CSS / JS files.

Related questions

jquery scroll, change navigation active class as the page is scrolling, relative to sections

http://jsfiddle.net/motocomdigital/gUWdJ/ I'm after a jquery scroll technique please that I would like to adapt to my project. Please see my project example as a fiddle here http://jsfiddle.net/motocomdigital/gUWdJ/ Currently you can see that …

Read More
jQuery event.preventDefault() not working in Firefox (JSFiddle included)

This is a kind of similar duplicate to some others here, but I think I'm using event.preventDefault() correctly in this case. Here's a JSFiddle you can see the code with: http://jsfiddle.net/SeEw2/2/ Basically, click the Submit button. …

Read More
Bootstrap scrollspy offset on a fixed navbar does not work

I have created and exact fiddle of my problem here for testing: http://jsfiddle.net/aVBUy/7/ The issue is, when I click on navbar items, I have a script which scrolls to the element id. And I am using scrollspy …

Read More