Query GitHub Pages and JavaScript libs dont't work

Question

I have tried to test a static website with JS libs like JQuery on a GitHub Pages However, it seems that the JS (main site carousel or photo carousel) is not working on GitHub Pages.

The same code locally and on localhost temporary apache work excelent.

JQuery as an example:

    <script type="text/javascript">
            if (typeof jQuery == 'undefined') {
                document.write(unescape("%3Cscript src='/javascripts/jquery.min.js' type='text/javascript'%3E%3C/script%3E"));
        }
    </script>

What seems to be the problem?

A link to the library code would be helpful. also, what are you trying to do? — dcohenb
– dcohenb, Commented Jun 19, 2016 at 9:54
Seems like you just don't add jQuery there. But be sure, JS works in GH-pages — flppv
– flppv, Commented Jun 19, 2016 at 9:57

Wikiti · Accepted Answer · 2016-06-19 10:37:35Z

1

You are using mixed content. Libraries are not being loaded because their scheme is http, while GitHub Pages is using https:

You need to change all the resources routes to match https protocols. If the resources websites do not allow you to do that, then you may want to download the libraries and upload to your page, instead of using CDNs. Links will go like this:

<script src='relative/server/folder/to/jquery.min.js' />

Also, you may want to read this for further information and instructions.

Another points you sould fix:

Your website, after loading jQuery, $ is not defined, but jQuery does. You should fix this, or use jQuery instead of $.
After loading your carousssel with jQuery("#mojbanner").load("assets/revslider/moj_slider.html");, assets/revslider/moj_slider.html contains more http content (instead of https). You should fix this html too.
Try fixing all the errors you see on the Chrome (or Firefox, or whatever explorer) debugging console.

edited Jun 19, 2016 at 10:37

answered Jun 19, 2016 at 10:02

Wikiti

1,63613 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

mCs Over a year ago

I have changed the http to https but still the libs do not work. The resource websites allows it and here is the new version Changed LInk

Wikiti Over a year ago

Check your html. You are loading jquery twice; one with http, and the other with https. Also, jQuery is not accesible via Google debug tools, so it's probably that the library is not being loaded correctly. Also, what's the jQuery gMap method for? It's actually not defined anywhere. And finally, change your ocurrences from $ to jQuery (the javascript complais that $ is not defined).

mCs Over a year ago

Sorry last commit didn't got the changes correct. It tends to loead jQuery now. However, the problem is that my dev console show that jquery.min.js that imports the google fonts from CDN but build with hard coded the link with http instaead of httpS. Can I fix it by using some other jquery.min.js version?

Wikiti Over a year ago

@mCs You should probably open a new question about that.

mCs Over a year ago

I didn't see your edit so its ok now. Thanks I have accepted your ansewer.

Collectives™ on Stack Overflow

Query GitHub Pages and JavaScript libs dont't work

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related