You use jQuery.noConflict();
So $
is undefined.
You can read more about it here docs
Try to modify your code in this way (add $
sign to ready function):
jQuery(document).ready(function($) {
// Code that uses jQuery's $ can follow here.
});
More Related Contents:
- best tools for theme design? [closed]
- Show image in div and add PREV/NEXT buttons
- Load More Posts Ajax Button in WordPress
- How to call ajax in WordPress
- How to keep the menu state on page reload
- How to load all server side data on initial vue.js / vue-router load?
- How To Include CSS and jQuery in my WordPress plugin?
- Javascript loading CSV file into an array
- How to keep elements non-refreshed
- Contact Form 7 AJAX Callback
- Uncaught ReferenceError: $ is not defined?
- How to manage a redirect request after a jQuery Ajax call
- Is there a case insensitive jQuery :contains selector?
- Regex to replace multiple spaces with a single space
- How to detect Ctrl+V, Ctrl+C using JavaScript?
- Check if element exists in jQuery [duplicate]
- Jquery load() only working in firefox?
- How to run two jQuery animations simultaneously?
- Setting query string using Fetch GET request
- Uncaught SyntaxError: Unexpected token with JSON.parse
- Hide select option in IE using jQuery
- Play an audio file using jQuery when a button is clicked
- Selecting Part of String inside an Input Box with jQuery
- How to build simple tabs with jQuery?
- JavaScript: Invoking click-event of an anchor tag from javascript
- Why my $.ajax showing “preflight is invalid redirect error”?
- How can I get all a form’s values that would be submitted without submitting [duplicate]
- Changing “src” attribute of
- Javascript Highlight Selected Range Button
- Truncate paragraph first 100 character and hide rest content of paragraph to show/hide rest contenct with more/less link