Ecommerce Shopify WordPress Discussion

jQuery.Deferred exception: $ is not a function

I'm facing a strange issue with jQuery. I've created a custom snippet of code in elementor custom code and I'm loading it at the end of the body. I'm trying to open a popup from an accordion when an anchor tag is clicked but I'm getting these errors in the console Uncaught TypeError: $ is not a function jquery.min.js?ver=3.7.1:2 jQuery.Deferred exception: $ is not a function TypeError: $ is not a function this is the snippet of code <script> jQuery(document).ready(function(){ $('#ipopup').on('click', function(){ window.elementorProFrontend.modules.popup.showPopup({ id: 16625 }); }); }); </script> I have not used jQuery for a long time, how I can fix this problem?
<script> jQuery(document).ready(function($) { // Use $ inside the function scope as an alias for jQuery $('#ipopup').on('click', function() { window.elementorProFrontend.modules.popup.showPopup({ id: 16625}); }); }); </script> Pass jQuery object as a parameter ($) to the document.ready function, allowing you to use $ as an alias for jQuery within the scope of this function.

December 29, 2023

It looks like there might be a conflict or issue with the jQuery library. Ensure that jQuery is included before your script, and make sure there are no other scripts that might be overwriting the $ variable. You can use the jQuery keyword instead of the $ shorthand to avoid conflicts: <script> jQuery(document).ready(function(){ jQuery('#ipopup').on('click', function(){ window.elementorProFrontend.modules.popup.showPopup({ id: 16625 }); }); }); </script>

December 29, 2023

If in a page Some where jQuery.noConflict() is called on the jQuery file it includes , which means $ doesn't work, but jQuery does. Pass $ into the function and add "jQuery" as a main function <script type="text/javascript"> jQuery(document).ready(function($){ }); </script>

December 29, 2023

TurboCommerce make the better internet purchasing globaly

Turbo Multi-language Translator

Make the better internet purchasing globaly

Turbosify SEO Speed Booster

5.0 (7) • Free plan available
Get better conversions by improving store loading speed Installed

Turbo Multi-language Chat - AI Customer service in one hand

TurboCommerce make the better internet purchasing globaly
Our products

The help you need, when you need it

App by Turbo Engine

3 apps • 5.0 average rating

Turbosify Speed Booster

5.0 (7)
Get better conversions by optimizing shopify store Google page speed Installed

Turbosify Translator for Wordpress Woocommerce

5.0 (74) • Free Wordpress Woocommerce Plugin
Translate your wordpress website to multiple language within 1 click, no configuration needed, no No technical required

Grow your business here

Whether you want to sell products down the street or around the world, we have all the tools you need.