To avoid conflict, WordPress requires you to use jQuery instead of $. So, in your code, you should replace $.ajax() with jQuery.ajax() and $('ul') with jQuery('ul').
You can notice there are syntax errors in your browser’s console, such as:
Error: $.ajax is not defined
Related Posts:
- Overriding inline !important CSS with Javscript code snippet with media query
- Possible jquery / library conflict in plugin usage
- Can someone please tell me what is wrong with my plugin?
- Change Background color (css property) using Jquery
- Use images like checkboxes
- JavaScript Loading Screen while page loads
- Uncaught TypeError: Cannot read property ‘top’ of undefined
- Why is the jquery script not working?
- Refresh/reload the content in Div using jquery/ajax
- How to get height of div in px dimension
- How to display raw JSON data on a HTML page
- How to use aria-expanded=”true” to change a css property
- How to set “style=display:none;” using jQuery’s attr method?
- force enqueue script to be first in order of prominence
- How can I reduce the amount of files loaded/included per plugin?
- Using tabs for wordpress plugin
- How do I make my wordpress page more friendly for mobile viewers?
- Custom plugin giving: wp-admin/admin-ajax.php 400 (Bad Request)
- Editor not displaying dynamically after clicking on the button
- How can I make content disappear when a user logs in?
- Check javascript file Proper way in functions.php
- How do I use WordPress PHP functions in my Javascript code?
- Prevent CSS/JS loading when plugin is not used
- How to create popup same as wordpress popup feature
- Show post in slider
- How to add page using HTML, CSS and JS?
- JQuery not working in my plugin [closed]
- Is there an earlier hook than login_head or login_enqueue_scripts?
- custom changes removed after plugin update
- How Do I Figure Out What File(s) to Edit from Looking at the Source Code [closed]
- Change upload folder for a CPT
- How to tie dark mode with prefers-color-scheme webkit? [closed]
- How to hide CSS by default and show on button press
- Redux Framework: Page freezes on typing in Editor
- How to get DEFER or ASYNC attribute to appear when I add a stylesheet with wp_enqueue_style from a plugin? [duplicate]
- Using window.onload with Ubermenu
- Redirect to another page using contact form 7? [closed]
- “Conflict” with jQuery (or its plugins)?
- Adding a Calculator to a WordPress Page
- How to add a dvi tag to a shortcode then change a generated text using jQuery
- How to execute a plugin on a single page only?
- how to insert a HTML form into a javascript popup?
- Images under 1MB are not being compressed
- get specific value of a array | PHP
- Why does my jQuery plugin show up as text in WordPress?
- JQuery needs to be defined in , but Gravity Forms is defining it in the
- Load CSS files in header of Bones theme?
- JS Plugin not executing the js correctly. Trying to make all internal links scroll smoothly
- Call javascript functions from each page
- Javascript from Easy-Fancybox place into footer
- How do I override all stylesheets and scripts without a plugin
- Why is adoptStyles-css stylesheet link added to every page?
- Theme deactived html and css styling on home page posts
- uncaught TypeError: Cannot read properties of null (reading ‘classList’) custom plugin
- How do I minify a plugins CSS/JS code?
- Custom Plugin scripts from admin working in frontend
- Code for unique user visit count on every page WordPress
- Directorist – Dropdown doesn’t open
- Jquery POST Ajax Return null data in wordpress
- login form should redirect to register page for in 1st login next time it should redirected to home page
- Add other class content with reference class value
- inserting custom css, html and js into the current page as a popup window
- Get the link title attribute and send it google analytics as custom label via google tag manager using beehive pro for WordPress
- How to properly enqueue jQuery knob on WordPress without conflict?
- Ajax Call not Working in Plugin
- make p tag collapsed after 3 rows
- Website always load twice on start
- General Term for this form Field
- Unable to use Datepicker in a table when inserting a row
- How to change the width of certain paragraph or header blocks?
- Scroll to ID broken in main menu
- Getting click on item to open closest relevant element (popup) with jQuery
- jQuery for Fade Preload Causes My Site Favicon to Disappear from Tab of Browser
- WordPress custom blockquote with black background & white text?
- How to solve Blocked a frame with origin from accessing a cross origin frame error in wordpress?
- Speeding up WordPress on a Local Network
- Edit the stylesheet of a child theme
- Custom plugin giving: wp-admin/admin-ajax.php 400 (Bad Request)
- Site images are fixed in front of my site content [closed]
- show-hide based on select option jquery wordpress
- Speed issues because of CSS & JavaScript
- Add HTML between feed items
- Javascript in plugin not working
- Best use adding user generated JS/CSS to a theme with a plugin
- How to set up php,javascript and css to allow for our finished product to be displayed within a page?
- Ajax, jQuery and WordPress
- get_option include in my adsense
- contact 7 plugin stops some pages from working properly
- How do I output user_registered time in my correct timezone?
- Ajax in Plugins: returns the whole page
- Load css classes after using ajax calls
- FacetWP: Plugin breaks button/modal functionality inside searchable content area
- Eliminate Render blocking CSS?
- Trying to disable all notifications except for one on woocommerce checkout page with css [closed]
- TypeErrors with Yoast, jQuery in conflict?
- Javascript as Jquery Function Call?
- Count div with class (.length) only shows 0 [closed]
- Option value not getting updated until page refresh in WordPress
- How to create a “Most Popular” & “Latest” TAB in WordPress
- Sudden ERR_HTTP2_PROTOCOL_ERROR on every JS and CSS files loads