This should work:
<?php $script = "<script type="text/javascript">
jQuery( document ).ready( function($) {
$(document).ready(function() {
$('#particles').particleground({
dotColor: " . json_encode($dotcolor) . ",
lineColor: '#5cb9bd',
});
});
}
);
</script>";
?>
Note:
Its a better practice to enqueue Javascripts with wp_enqueue_script()
and include dynamic strings via wp_localize_script()
.
Docs:
https://codex.wordpress.org/Function_Reference/wp_enqueue_script
https://codex.wordpress.org/Function_Reference/wp_localize_script
Related Posts:
- What does “javascript:void(0)” mean?
- For-each over an array in JavaScript
- Failed to load resource: the server responded with a status of 404 (Not Found)
- require is not defined? Node.js
- What is NODE_ENV and how to use it in Express?
- How to deal with net::ERR_SSL_PROTOCOL_ERROR?
- Encode URL in JavaScript?
- JavaScript null check
- JavaScript “Uncaught TypeError: object is not a function” associativity question
- Angular: mat-form-field must contain a MatFormFieldControl
- Module not found can’t resolve
- How can I get file extensions with JavaScript?
- How to detect Safari, Chrome, IE, Firefox and Opera browser?
- What does on() in JavaScript do?
- AngularJS : Factory and Service?
- What’s the difference between console.dir and console.log?
- Use images like checkboxes
- What is the difference between document.location.href and document.location?
- JavaScript error (Uncaught SyntaxError: Unexpected end of input)
- Preloading images with JavaScript
- Uncaught TypeError: Cannot read property ‘msie’ of undefined
- How to hide a div with jQuery?v
- How do I pass variables and data from PHP to JavaScript?
- How do I set/unset a cookie with jQuery?
- Calling onclick on a radiobutton list using javascript
- How to properly export an ES6 class in Node 4?
- Uncaught Typeerror: cannot read property ‘innerHTML’ of null
- Sorting HTML table with JavaScript
- Relation between CommonJS, AMD and RequireJS?
- How to loop through an array containing objects and access their properties
- how to download file in react js
- TypeError: $(…).DataTable is not a function
- Trying to use fetch and pass in mode: no-cors
- Moment.js transform to date object
- jQuery explode string like PHP
- Call Javascript function from URL/address bar
- Anagrams finder in javascript
- Validate date in dd/mm/yyyy format using JQuery Validate
- How to subtract days from a plain Date?
- Stopping a JavaScript function when a certain condition is met
- Showing an image from an array of images – Javascript
- Javascript isnull
- Set value to currency in
- How to add 30 minutes to a JavaScript Date object?
- What’s the best way to reload / refresh an iframe?
- How do I check if a cookie exists?
- Get querystring from URL using jQuery [duplicate]
- Check if string contains only digits
- JS: iterating over result of getElementsByClassName using Array.forEach
- jQuery checkbox change and click event
- Error: listen EACCES 0.0.0.0:80 OSx Node.js
- jQuery selectors on custom data attributes using HTML5
- How to check if a value is not null and not empty string in JS
- How do I refresh a DIV content?
- TypeError: abc.getAttribute is not a function
- what is ScriptResource.axd in the page load in web app?
- {“error”: “Please use POST request”} – alternative solution to submitting a form
- window.location() not working, not opening page
- How to clear the canvas for redrawing
- What’s a Good Javascript Time Picker?
- JavaScript event window.onload not triggered
- Default text on input
- JSX not allowed in files with extension ‘ .js’ with eslint-config-airbnb
- Cannot read property ‘preventDefault’ of undefined in javascript error
- How to use wordpress default Password Strength Meter script
- wp_enqueue_script() not working at all
- Pass custom fields values to Google Maps
- Documentation for IDE’s
- Cloudflare’s Rocket Loader + WordPress -> Ignore scripts?
- Get HTTP response code on non-2xx apiFetch request
- What is “open()” in MediaUpload?
- update_option in javascript
- What’s the handle for media.js?
- How can I add Block Style support to the core HTML block in Gutenberg?
- How to add comment on scripts using function in wordpress?
- Jquery function working in Chrome Console but not in the code [closed]
- Gutenberg: Block validation Failed Richtext undefined
- Add custom HTML markup to Gutenberg RichText
- Multiple media uploader buttons target only one input on the same page
- Weird issue with slider on javascript
- Proper way to enqueue a generated script that isn’t in a .js file?
- Why isn’t wp_enqueue_script(‘jquery-masonry’) working?
- Adjusting jquery for WordPress
- Enqueue scripts based on browser width?
- Javascript code doesn’t work in my wordpress theme
- Gutenberg dependencies in package.json
- Homepage js is conflicting with js of plugin of other page
- How to display/hide accordion? [closed]
- Putting custom html/js page into Elementor as it’s own block
- How to get file object from file_attachment?
- Drag-to-Scroll Landingpage
- Easiest way to find JS conflicts
- How do I load urls from an external .js file to my admin head?
- Nothing in dashboard that uses javascript works
- XMLHttpRequest of admin data to public
- How to execute WP shortcode in a javascript string “”
- PHP or JS for header image rotator?
- Replacing & in JS code on pages
- Gutenberg core/file add style support in js/ json
- uploading image to wordpress site with javascript fetch function failed