I got a problem. I have made a character countdown in my page, which counts how many characters you have left to type in a textarea. It all works locally, but as soon as I deploy the page here on Netlify, it doesn’t work anymore.
I have already tried to upload the page again and also upload a copy of it. I also tried to put the code into a separate .js file and then mention it in html, but it didn’t work. So I put the JS code directly into the html file and uploaded it and it still didn’t work.
There are no error messages, etc. Only this one thing doesn’t work, and I’ve been on it for a long time now.
My Netlify instance name is 15min (my site therefore is 15min.netlify.com)
I searched the whole internet like crazy, but i didn’t find anything relateable to this. I even went through the common issue search term, but even there was nothing.
So dear people, I just found out:
All the time it was because I had mixed content and the site refused to load the jquery correctly. But I could fix that now.
Hey, thanks so much for the follow-up with the solution! That’s something that will almost certainly come up for another customer in the short term, and your answer is useful to many.
Hi @TRGamer-tech – great that you got it working, but can you clarify a bit about what you mean by mixed content? ( for my own edification )
I got it sorted as I also just got this message on a practice build.
“Although you have enabled HTTPS on your site, we’ve detected some content that’s still being served over an HTTP connection. This phenomenon, called mixed content, happens when both HTTP and HTTPS are being used to load the same page.”
Mixed content means a part of your site is written for http and not for https. That mean in my case I had clarified a linked resource for jquery, which wasn’t made for https.
I read the very same Email over and over and I didnt care till I noticed my problem. But then I looked into the mail and there it said that the error is in the deploy details.