Have a look at wp_localize_script
for passing php data to javascript. A pseudo-code example:
$tracks = array();
foreach( $mp3_attachments as $mp3_attachment ):
$tracks[] = array(
'mp3' => $mp3_attachment['filename'],
'title' => $mp3_attachment['title']
);
endforeach;
$wpa_track_data = array( 'tracks' => $tracks );
wp_enqueue_script( 'wpa_script', get_template_directory_uri() . '/js/yourscript.js' );
wp_localize_script( 'wpa_script', 'wpa_data', $wpa_track_data );
Then in your js wpa_data.tracks
will contain your array of mp3s and titles.
Related Posts:
- WordPress audio player causing js error, mediaelementplayer is not a function
- What does [object Object] mean? (JavaScript)
- Why does my JavaScript code receive a “No ‘Access-Control-Allow-Origin’ header is present on the requested resource” error, while Postman does not?
- JavaScript error (Uncaught SyntaxError: Unexpected end of input)
- JavaScript error (Uncaught SyntaxError: Unexpected end of input)
- My javascript is returning this error: $.ajax is not a function
- Javascript Runtime error: $ is undefined
- Javascript TypeError: Cannot read property ‘indexOf’ of undefined
- javascript function wait until another function to finish
- How to read data From *.CSV file using javascript?
- How to call a webservice method from an html page [javascript] with out refresh the page
- How can I remove all CSS classes using jQuery/JavaScript?
- I want to enqueue a .js file to my child theme
- Is there a way to enable Cross-Origin Resource Sharing for WordPress’ ajaxurl?
- How to get attachment id as soon as it is uploaded through media uploader in jquery?
- Using ‘$’ instead of ‘jQuery’ in WordPress
- jQuery UI Datepicker not working
- Automatically decrease font size for long words
- Custom function to rearrange attachments when creating posts – Almost there
- Draggable item in custom gutenberg block
- Including javascript for a shortcode
- Javascript included but alert() function not working
- Unable to run jQuery script in my template file
- How to delete post attachments when jQuery is used with a click event on the delete link
- How do I get my page to load the jQuery UI Effects library?
- How to properly add Bootstrap and JQuery Javascripts?
- How to add unique image class to WordPress
- Dropzonejs with WPCF7 [closed]
- WordPress Jquery Fade in, Fade out effect
- Jquery conflict
- WordPress ajax function parameter value not being passed
- Is it safe to include a javascript file in a template’s php file?
- WP Admin missing icons, numerous JavaScript errors, but only when SCRIPT_DEBUG is false
- wpColorPicker: How update colors on input value update?
- Gutenberg Filtering Metaboxes by Post Format
- No data received
- CodeMirror on Custom Widget Textarea
- Sending click events to Google Analytics in WordPress: the easy way
- How to embed JS data viz in a simple WordPress website
- WooCommerce Ajax Cart Update Stopped Working
- Rhyzz Repeatable-fields javascript in php and wordpress
- Help with a jQuery Carousel
- videopress videos are not displayed when loading the content with ajax in a lightbox
- Call a javascript function from another file
- window.onload wont execute in wordpress
- How to return multiple arguments from AJAX callback function
- JS news ticker is not working on home page but working on other pages. How to solve this?
- WP Customizer compare and set a value via javascript
- “JQMIGRATE: Migrate is Installed” How do I find the problem code? [duplicate]
- Referrer URL with jQuery or Javascript – Cache & Referrer URL Issue
- Why doesn’t jQuery use $, and how can I get it do so (GLOBALLY)?
- Using Foundation 5 in WordPress Administration Area
- Plugin Scripts no loading on options page
- How do I include javascript/jquery image resizing with wordpress?
- Ajax Validation for reCaptcha
- Using jquery and javascript in WordPress
- How to change the text of the “You are about to permanently delete these items…” alert message when deleting media from the media library?
- Unable to get my javascript to work on my website – what am I doing wrong?
- oEmbed Video in Modal
- Delete post image attachments with jQuery from the front end
- Multiple Media uploader output to input
- AJAX Success Function using JS substr() fails in WP 4.1 vs 4.0
- Using WP functions inside javascript
- How to add external remote JS source to Gravity Forms?
- Is there some jQuery conflict here?
- Theme has superfish – how to add supersubs?
- Form validation before submitting
- How to make JQuery load on top of head tag before everything
- Show and hide element when URL contains certain section of text?
- Defer Parsing of Scripts
- Orderby post__in Not Working Correctly?
- Site images are fixed in front of my site content [closed]
- JavaScript code do not works on online server
- Notify user we would like them to clear their cookie. Provide a working button to clear cookies for user
- jQuery not working for media uploader
- Call full image url instead of stylsheet directory url in JS for Infinite Scroll Function
- How to toggle custom WP archive list
- comment-reply.js disables any other form javascript
- WP Media Uploader modal conflicts with Bootstrap modal
- How to blur the_post_thumbnail() via blur.js (jquery)?
- Custom Javascript not working? [closed]
- Javascript function to switch out images
- Displaying contents of a tab
- How to deregister scripts all at once
- Uncaught TypeError: undefined is not a function (shortcode-box)
- Running javascript in a child theme. Works in jsfiddle
- How to block action if post is “dirty”?
- WordPress video end function [duplicate]
- Trying to get fittext to work in WordPress
- wp_register_script Question
- Add jQuery function to media button
- How to Run a jQuery Script after a Javascript Script has Finished in WordPress
- TypeError: $ is not a function Error using parallax effect in WordPress Template [duplicate]
- Ensure an external javascript file called from plugin is loaded after jquery is called
- Why my vertical tab js code is refreshing the page continuously? [closed]
- bootstrap-slider.js by seiyria not working in wordpress
- jQuery append only works if I select html in admin section [closed]
- Javascript Loading Effect to URLs
- Use WordPress Built In Jquery
- Widget won’t work due to old JavaScript? Any ideas how to make it work? [closed]