Uncaught TypeError: $(...).___is not a function

I’m trying to use a plugin emoji textarea. It works fine on an html page I have but it doesn’t work on the page I want it to work on (.php) but I don’t think .php is the problem. This is the code I’m using:

<script type="text/javascript">
jQuery(document).ready(function(){
$("#status_area").emojioneArea({
template: "<filters/><tabs/><editor/>" 
});
});
</script>
<textarea id="status_area">
Lorem ipsum dolor 😍 sit amet, consectetur 👻 adipiscing elit, 🖐 sed do eiusmod tempor ☔ incididunt ut labore et dolore magna aliqua 🐬.
</textarea>

But I keep getting this error from chrome, of course the error varies depending on what browser you’re using…

Uncaught TypeError: $(...).emojioneArea is not a function
    at HTMLDocument.<anonymous> ((index):825)
    at j (jquery-3.1.1.min.js:2)
    at k (jquery-3.1.1.min.js:2)

Can anyone help me?

It’s saying that emojioneArea doesn’t exist. Check that the PHP page is adding the library.

For example:

<link rel="stylesheet" href="file/to/path/css/emojionearea.min.css">
<script type="text/javascript" src="file/to/path/js/emojionearea.min.js"></script>

All the paths are correct. That was the first thing I checked before I posted the error on here. Thank you for your reply

I figured this out, turns out one of my other scripts was messing with everything.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.