Last Updated on 2015-06-08.

Scenario

You might use a local web server for testing your websites and scripts. Usually, there is no need to use SSL.

After deploying to your HTTPS production environment, some features like JQuery AutoComplete etc. might not work any more, but they do work if you call them via common HTTP.

Have a look at the Firefox F12 Debug Console, there could be also messages that some content was blocked on page load.

Reason

Many JavaScript/CSS libraries like JQuery or Bootstrap offer a current version of their files for direct integration into your code. This is quite comfortable, because you do not have to manage them locally. But if you refer e.g. to HTTP://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css in your code and your site is an SSL site, the browser does not load it, because it could be unsafe.

Solution

You replace the http:// string with https:// in your code.

Better method, which I recommend: Delete the string “http:”. Example:

//code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css

Of course, the site provided has to be accessible via HTTP and HTTPS.