Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to add jQuery to JSfiddle

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.

like image 671
kh.tab Avatar asked Apr 14 '16 10:04

kh.tab


People also ask

Does JSFiddle support jQuery?

jsFiddle is one of the most popular web development environments (working in a web browser) that allows you to edit and run code written in HTML, JavaScript and CSS, which will be called a «fiddle». It is possible to use a JavaScript library, such as jQuery.

How do I run a function in JSFiddle?

With JSFiddle, you can write code in the JavaScript box and then execute it by clicking the Run button on the menu bar at the top of the JSFiddle page.

Is JSFiddle an IDE?

JSFiddle is an online IDE service and online community for testing and showcasing user-created and collaborational HTML, CSS and JavaScript code snippets, known as 'fiddles'. It allows for simulated AJAX calls.


1 Answers

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.

like image 198
ImClarky Avatar answered Nov 12 '22 06:11

ImClarky