JS Stopped working

This thread is resolved. Here is a description of the problem and solution.

Problem:
I have had my custom JS code working for years, and now it seems to be not working anymore5 all of a sudden.
I see the error Uncaught TypeError: $ is not a function in the console.

Solution:
JS needs a namespace like jQuery when used in WordPress.
a $ will conflict with an increasing amount of scripts if used on WordPress

Relevant Documentation:
https://toolset.com/documentation/user-guides/views/adding-custom-javascript-views/#achieving-great-results-with-little-coding-by-using-jquery

This support ticket is created 4 years, 10 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	-	14:00 – 20:00	14:00 – 20:00	14:00 – 20:00	14:00 – 20:00	14:00 – 20:00
-	-	-	-	-	-	-

Supporter timezone: Asia/Ho_Chi_Minh (GMT+07:00)

Tagged: How to build a site with Toolset

This topic contains 2 replies, has 2 voices.

Last updated by davidZ 4 years, 10 months ago.

Assisted by: Beda.

Author

Posts

February 1, 2020 at 12:39 am #1489123

davidZ

A few years ago, you helped me with this topic: https://toolset.com/forums/topic/show-results-in-modal/

Client just informed me that the modals have stopped working,

Here's the page with the issue: hidden link.

Any suggestions as to what might have changed since this topic was resolved?

Thanks

February 1, 2020 at 8:38 am #1489197

Beda

There are JS errors on this page that could block the execution of Bootstrap 3 Modals.

1. Uncaught SyntaxError: Invalid or unexpected token in your View, in the JS editor, where you add "window.addEventListener(\"load\", function() {"

2. Uncaught TypeError: $ is not a function as well in the custom JS on the line where you add "$('.dipper-poster').click(function() {"

$ is not a valid namespace, you should use jQuery or pass the namespace in the function($), please see https://toolset.com/documentation/user-guides/views/adding-custom-javascript-views/#achieving-great-results-with-little-coding-by-using-jquery

I think fixing those 2 errors will resolve the issue.

February 1, 2020 at 5:02 pm #1489347

davidZ

That was it! I wonder why it worked for three years before it broke...