You can use a custom taxonomy for the filters in the list box (C, PG, SG, PF, SF).
If you want to make sure they are “filtered without reloading the website” you need to load all the players and the filters and manipulate them client side with JS. I usually add the taxonomy names to data-attributes and use the jQuery Attribute contains selector for this.
-Deepti Boddapati
Related Posts:
- How to load wp_editor via AJAX
- AJAX Call Via Vanilla JavaScript In WordPress Plugin Development
- Custom plugin giving: wp-admin/admin-ajax.php 400 (Bad Request)
- Create Proper WordPress Ajax Request in JavaScript, NOT jQuery
- How to save Clicks of a download link button while it doesn’t matter if we refresh the page or again login/logout
- ‘Lazy loading’ list of posts with pagination
- How to include admin-ajax when loading external javascript
- Ajax call doesn’t work in frontend but it’s working in backend (when I’m logged in)
- How to use wp-ajax in wp-cron
- How to create popup same as wordpress popup feature
- Shortcode button dosent work for all posts. Work for first post only
- WordPress + JavaScipt + AJAX + MySQL: insert query for form
- How to load wp_editor via AJAX
- Redirect to another page using contact form 7? [closed]
- wordpress add_action() issue in ajax call
- How to get specific string/value from an array? php [closed]
- coding a WordPress AJAX Form using PHP to check if User is Logged Out and Show error
- Ajax call not working in wordpress through a plugin
- Send Array from JS to php file then insert it in wp database through a plugin
- Jquery POST Ajax Return null data in wordpress
- Trouble with AJAX using GET
- Calling PHP function with AJAX
- Adding LOAD MORE on a page
- Ajax Call not Working in Plugin
- JS working when used normally but not in wordpress
- Use AJAX to fetch Current Post Thumbnail for WordPress when Uploaded throughMedia Uploader Frontend
- AJAX update fails for public/non-admin users
- How to disable/enable PHP plugin functionality based on a TinyMCE toggle-button
- WordPress ajax error 400 bad request for sending data to remote site [duplicate]
- Conditional Fields depending on checkboxes
- Custom plugin giving: wp-admin/admin-ajax.php 400 (Bad Request)
- How to limit each front-end user to view just his own uploaded files on Amazon S3?
- Javascript not working
- How do I convince this button to do something when it is clicked?
- Ajax, jQuery and WordPress
- get_option include in my adsense
- Load css classes after using ajax calls
- How to make a rest style plugin?
- How do I call an action hook into wp_ajax hook callback function
- Keep the expansible tree (list of posts) open in the sidebar
- Simple ajax request with Vanilla JS keeps given 400 Bad Request
- Add extra parameter in tag using script_loader_tag
- [Plugin: Posts 2 Posts] reciprocal connections
- Custom Post Type Statuses
- How to Build a Movie Library in WordPress 3.x
- Why is my ajax call refreshing the page?
- Custom Post Type causes Page Not Found
- How do I get multiple pages by title?
- Insert code after tag without using functions.php?
- Google Maps and Yandex Maps doesn’t work correctly
- How do I use WordPress PHP functions in my Javascript code?
- What’s the point of using WordPress’s built in admin-ajax.php?
- White text on white background in TinyMCE when wp_editor is called in WP 3.9
- Admin-ajax.php is dying “0” without processing function
- What’s the best plugin for allowing javascript in a post or page? [closed]
- Adding with javascript to admin bar. Works in Chrome/Safari, not Firefox
- Is it possible to filter the wp_footer() scripts, read the content, and insert them inline?
- how to use ajax to display from database and load more in wordpress plugin
- Prevent CSS/JS loading when plugin is not used
- add_meta_box Callback not being called
- I need to add a custom “cover” to every new post — plugin or custom setup?
- How can I make the “Preview Post” button save and preview in the same window?
- Star rating for custom post types [closed]
- How to Make a Custom Grid View
- How to avoid redefining requirejs in plugin when another plugin also uses requirejs
- How to remove an Ajax action
- Plugin “Meta Box”: Implementing meta boxes in custom post type
- Disable / Deregister all JS from all plugins
- Get image URL from media library in input
- Creating an Exit Confirmation Popup
- Difference between register_block_type & wp.blocks.registerBlockType
- Passing select control value to block
- Only execute jQuery function(on document ready) on the page has shortcode from plugin [duplicate]
- Get Plugin Information from Multiple Sites Externally
- Way to hook into a sidebar call to replace it with a custom sidebar
- Ajax with jQuery UI dialog not working
- Shortcode in AJAX popup
- Frontend editing, Frontend user dashboard
- Has anyone used require.js for handling plugin scripts?
- Plugin allowing for artists, events and venues
- Disable Other Plugins on my Custom Post Type?
- Passing RichText attributes to function onChange
- Can I share predefined fonts from theme_support with a gutenberg component?
- How to get images from EDD post?
- How do I store information in a dynamic block in WordPress?
- Gutenberg List Extension Block
- How to add pagination to wpbakery grid?
- How can I process xml file on upload?
- Reuse javascripts from plugins within the theme
- How can I reuse the WordPress search form for a custom plugin / widget?
- AJAX image upload with a upload progress bar using media_handle_upload
- custom taxonomy and custom post type url conflict
- javascript onload calling a function of a plugin
- jQuery Plugin to use WordPress functions in AJAX request
- ajax front-end increment views on click
- $wpdb working with ajax but showing ajax error instead of success
- Localiztion in javascript
- Why none of the plugins that have ajax doesn’t work in my website?
- wordpress reusable content blocks
- Override plugin with functions.php