1

In this question I asked, how I can generate shades of one color responsive to the number of div's. @DonJuwe came up with a perfectly working solution and demo: http://jsbin.com/xakifequ/1/edit Source code in JSBin

However when I'm trying to use the code from the jsfiddle or JSBin it just doesn't work. So I downloaded the source code from JSBin, opened the .html-file and what I got was this: What happens when downloading it

Can someone please explain me, why this happens?

Community
  • 1
  • 1
Retador
  • 223
  • 1
  • 3
  • 11
  • 1
    jQuery isn't loaded because you include jQuery without a protocol (e.g. http) in the `head`. The browser automatically looks for `file://` and there is no jQuery – alexP Mar 14 '14 at 07:12
  • 1
    oh and your console should display a clear error.. –  Mar 14 '14 at 07:13

2 Answers2

5

As per snapshot, You are using 

<script type='text/javascript' src='//code.jquery.com/jquery-1.9.1.js'></script>

Replace it with

<script type='text/javascript' src='http://code.jquery.com/jquery-1.9.1.js'></script>

You are using protocol less Urls, i.e. //code.jquery.com/jquery-1.9.1.js, When you open a your html file like file:// then jQuery is not loaded thus desired result is not achieved.

However, if you test your html file like http://localhost/yourfile.html you will get the desired result.

Note: Use // instead of http:// when you want to inherit the protocol from the page

Satpal
  • 132,252
  • 13
  • 159
  • 168
3

you missed http: in the jQuery source link. if you using online resource you should follow the url's protocol. Other wise browser will search it from local. in this way you just confused your browser... So only it happens... :D

you should use...

<script type='text/javascript' src='http://code.jquery.com/jquery-1.9.1.js'></script>

instead of

<script type='text/javascript' src='//code.jquery.com/jquery-1.9.1.js'></script>
CJ Ramki
  • 2,620
  • 3
  • 25
  • 47