How to add jQuery to JSfiddle

2019-01-17 02:26发布

问题:

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.

回答1:

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

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.


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.



回答2:

At the left side there is an "external resources" button that you can click and fill in the url of the jquery source



回答3:

Had the same question. using ImClarky's answer figured it out in updated interface. Adding steps in updated interface. hope these help someone looking for same in future

  1. Click on Javascript menu in javascript pane and select jQuery from Frameworks & Extensions menu

  1. Add your code using jQuery !!