How to resolve JavaScript error: "$ is not a function" [duplicate]

Question

I have a piece of javascript which is throwing an error on my Wordpress site:

    <script type="text/javascript">
$.ajax({
url: 'https://api.xxxxx.xxx/v1/identify',
success: function(data){
    //show data in your browser console
    console.log(data);

    //example on how to replace an element in your page
    if(data.hasOwnProperty('name')) {
        $('.injected-header-text').html('Hi ' + data.name);
    }
}
});

```

after looking through a few threads I have changed the $.ajax into jQuery.ajax and that makes the requested results visible in Chrome console but not visible in my browser.

The error: JavaScript error: "$ is not a function"

This is what i have so far:

         <script>
jQuery.ajax({url: 'https://api.xxxx.xxx/v1/identify',
    success: function(data){
   //show data in your browser console
    console.log(data);

    //example on how to replace an element in your page
    if(data.hasOwnProperty('name')) {
        $('.injected-header-text').html('Welkom ' + data.name);
    }
    }
    });
    </script>
    <div class=injected-header-text > </div>

Himanshu · Accepted Answer · 2022-01-19 11:14:02Z

0

Add javascript/jQuery cdn on top

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

answered Jan 19, 2022 at 11:14

Himanshu

3,9802 gold badges16 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to resolve JavaScript error: "$ is not a function" [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related