wp-enqueue-script - Read For Learn

the second js file enqueued inside wp plugin isn’t read

Problem resolved: Thanks for your time and help. Jquery must be called like that, It’s a mistake from me. (function($){ $(document).ready(function() { }); })(jQuery);

How to enqueue additional scripts and styles after loading another post into the DOM?

Why is my JS not working on initial load?

Uncaught ReferenceError: custom_ajax is not defined

Frontend Enqueued Files in the Backend

wp_enqueue_script() with unknown path and maybe symlink

I think this can help you. I did something similar in one of the plugins I’m developing. static function enqueue_admin_scripts( string $hook_suffix ): void { if ( self::get_page_hook_suffix() !== $hook_suffix ) { return; } $utils_path = self::get_utils_script_path(); if ( ! empty( $utils_path ) ) { wp_enqueue_script( ‘my-plugin-utils’, $utils_path ); } } static function get_utils_script_path(): string … Read more

How can I access custom data fetched from posts in a javascript script?

The best practice way would be to create a REST API endpoint using register_rest_route() hooked to rest_api_init that your Javascript can query.

wp_script_add_data not working

the wp_script_add_data() method itself is not adding async attribute to the script tag. It just add a metadata to the script. As examples were already given earlier in few answers the following could work for you: wp_enqueue_script(‘pledge-js’, ‘https://www.pledge.to/assets/widget.js’, array( ‘jquery’ ), null, true); wp_script_add_data( ‘pledge-js’, ‘async’, true); add_filter(‘script_loader_tag’, ‘async_scripts’, 3, 10); function async_scripts($tag, $handle, $src) … Read more

How to add Gutenberg editor on frontend page?

Making the Google Maps API non readable

While you can’t obfuscate/hide the code, you can restrict access by domain: https://developers.google.com/maps/api-security-best-practices

+ More