Dropdowns Not Working on Website After Code Upload to InfinityFree Hosting

[constructionskill]

http://constructionskillcard.co.uk/Book-card.html

I am encountering an issue with my website hosted on InfinityFree. I have successfully uploaded my code via cPanel, and the webpage functions properly on my local system. However, when accessing the site online, certain dropdowns are not opening as expected. I suspect this might be a hosting-related problem. I have attached screenshots for reference:

Dropdowns Working Locally - Pasteboard - Uploaded Image

If anyone has experienced a similar issue or has expertise in web hosting, your insights would be greatly appreciated. Please help me understand why the dropdowns are not functioning on the live site despite working locally.

[And I’M USING DOMAIN NAME OF GODADDY]

[Herbert]

Hey there, welcome to the infinityfree forum. I’ve checked your site and found the issue. You’ve got two missing scripts on your website. And the dropdowns aren’t working because in your JS, it’s giving an error.

Uncaught TypeError: $(...).counterUp is not a function at main.js:53:37 at main.js:136:3

This is caused because the counterUp plugin depends on jQuery. and you haven’t included it.

Insert this script tag into the inside of the head tag.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

[Oxy]

user has jQuery

---

when I disable this CSS file (Book-card.css), then cards are displayed,so the problem is related to that file (and maybe also elsewhere)

---

Other

in addition, this file is missing http://constructionskillcard.co.uk/script.js
it probably has this (down) defined in it which is currently causing the problem about $

(the plugin with that “name” is missing)

Upload ALL again and make sure that all scripts and other files are in their place

GitHub - bfintal/Counter-Up: Counter-Up is a lightweight jQuery plugin that...

---

For uploading (instead of monstaFTP) it is best to use the FTP client mentioned in this article

How to upload files with FTP

The best and most reliable way to upload files is to use FTP. To upload files with FTP, you will need to following: Your FTP username Your FTP password The FTP hostname An FTP client You can find your FTP username, password and hostname in the client area under the FTP Details section. The FTP password is the same as your hosting account and control panel password, which is different from the password for the client area. If you like videos better then text guides, you can find one at the bot…

[constructionskill]

Thank you guys, it’s working now. The thing is at the time of uploading the site folders and pages (for first time) that time in the lib folder “counterup” folder itself is missing by chance i’m remembering failed to upload and that error i seen now that’s why drop-downs are not working, now I’ve uploaded that folder & all the stuff is perfectly working fine.