JSFiddle external resources not working

javascript jsfiddle
Ahmed Kato picture Ahmed Kato · Oct 9, 2013 · Viewed 10.1k times · Source

I am new to jsfiddle and I am trying to link my external resources.

I added them using the tab on the left side and then paste my code on the panes

Here is my JSFiddle project but only html is shown without linking to javascript and css in the output

what I am doing wrong ?

this is my original 

<head>



    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">


    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/scripts.js"></script>
    <script type="text/javascript" src="js/bootstrap-datepicker.js"></script>


    <link rel="stylesheet" href="bootstrap-tagsinput.css">
    <link rel="stylesheet" type="text/css" href="css/datepicker.css">

</head>

Answer

zalun picture zalun · Oct 10, 2013

There are issues with your fiddle

  1. HTML panel is to place HTML Body tag only
  2. You're using $(document).ready() along with "onLoad" setting

Please read http://doc.jsfiddle.net if in doubt.

Related questions

Print Var in JsFiddle

How would I print something to the result screen in JsFiddle from my JavaScript. I can't use document.write(), it doesn't allow it, neither print. What should I use?

Read More
How to get console inside jsfiddle

How can I get the console to show in a fiddle on JSfiddle.com? I recently saw a fiddle that had the console embedded in the fiddle, anyone know how this can be done?

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