Question 308488 in Wordpress Question posted in
The official Wordpress documentation can be found here.

WordPress – 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?

Tags:

3

Answers


  1. 0 
    <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.

    Login or Signup to reply.
  2. 0

    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>
    Login or Signup to reply.
  3. 0

    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>
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search