Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

JSFiddle external resources not working

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>
like image 300
Ahmed Kato Avatar asked Oct 09 '13 11:10

Ahmed Kato


Video Answer


2 Answers

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.

like image 141
zalun Avatar answered Sep 18 '22 03:09

zalun


In jsfiddle.net resources can be added by giving its Content Delivery Networks (CDNs).

We can add jQuery plugin as external resource like:

//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js

like image 40
super Avatar answered Sep 21 '22 03:09

super