Save your JS in a seperate file and use a Conditional to Enqueue it. Something like this will work.
function my_enqueue_stuff() {
if (is_page_template('custom-page.php')) {
wp_enqueue_script(
'my-functions',
get_stylesheet_directory_uri() . '/my-functions.js', array('jquery'), filemtime(get_stylesheet_directory() . '/my-functions.js')
);
}
}
add_action( 'wp_enqueue_scripts', 'my_enqueue_stuff' );
The above will go in your Child Theme’s functions.php file.
Related Posts:
- Using wp_localize_script inside template page to transfer var from php to js
- wp_enqueue_scripts doesn’t work for template pages
- What is JSONP, and why was it created?
- React – uncaught TypeError: Cannot read property ‘setState’ of undefined
- Cannot read property ‘push’ of undefined when combining arrays
- How can I remove a specific item from an array?
- Add swipe left/right to web page, but use default swipe up/down
- Check if checkbox is checked with jQuery
- What does “res.render” do, and what does the html file look like?
- How to pause javascript code execution for 2 seconds [duplicate]
- Getting Error “Form submission canceled because the form is not connected”
- How to implement navbar using react
- function updateMap for Google Maps API
- Loop inside React JSX
- Encode URL in JavaScript?
- Uncaught TypeError : cannot read property ‘replace’ of undefined In Grid
- Disable/enable an input with jQuery?
- npm – EPERM: operation not permitted on Windows
- Module not found can’t resolve
- How can I get file extensions with JavaScript?
- How to detect Safari, Chrome, IE, Firefox and Opera browser?
- ChangeDate – Date Picker Bootstrap
- Is there a sleep function in JavaScript?
- scrollIntoView Scrolls just too far
- Javascript Uncaught TypeError : .split is not a function
- Uncaught TypeError: Cannot read property ‘msie’ of undefined
- How to hide a div with jQuery?v
- How to go from one page to another page using javascript?
- How to update array value javascript?
- DOMException: Failed to load because no supported source was found
- Counting the occurrences / frequency of array elements
- how to download file in react js
- TypeError: $(…).DataTable is not a function
- react router v^4.0.0 Uncaught TypeError: Cannot read property ‘location’ of undefined
- What’s the fastest way to square a number in JavaScript?
- JavaScript: Create and save file
- Adding options to a
- How to use scientific notation in js?
- String.Format not work in TypeScript
- jQuery Ajax POST example with PHP
- How to validate a credit card number
- TypeError: res.status is not a function
- What is define([ , function ]) in JavaScript?
- Setting and getting localStorage with jQuery
- How do I pass the this context to a function?
- HTML5 rich-text inside textarea
- Angular 4 setTimeout() with variable delay and wait
- JSON.parse unexpected token s
- Escaping HTML strings with jQuery
- AngularJS errors: Blocked loading resource from url not allowed by $sceDelegate policy
- How to use z-index in svg elements?
- How do you completely remove Ionic and Cordova installation from mac?
- What is the best way to detect a mobile device?
- How to filter JSON Data in JavaScript or jQuery?
- What’s the best way to reload / refresh an iframe?
- How do I check if a cookie exists?
- How to open a Bootstrap modal window using jQuery?
- window.location.replace() not working to redirect browser
- “Cross origin requests are only supported for HTTP.” error when loading a local file
- How to destroy a JavaScript object?
- JavaScript single line ‘if’ statement – best syntax, this alternative?
- jquery to validate phone number
- Closing Bootstrap modal onclick
- wp_enqueue_script : how to change loading order of scripts?
- Is there a core Sortable component in Gutenberg?
- Is there an equivalent of the PHP function sanitize_key in Gutenberg?
- Add custom form to theme
- Gutenberg Modify core taxonomy panel element via wp.hooks.addFilter
- update_option in javascript
- Is it mandatory to enqueue any kind of Javsacript?
- Script will not print in head if path to file is correct
- How to add comment on scripts using function in wordpress?
- Javascript Solution Remove Specific Tag but leave the rest in a specific DIV
- Is there a way to check for an attribute of a script when using script_loader_tag?
- Using webpack to add customizer live preview functionality – wp.customize is not a function
- Path to image in js with wp_localize_script [closed]
- Proper way to enqueue a generated script that isn’t in a .js file?
- Why isn’t wp_enqueue_script(‘jquery-masonry’) working?
- disable tags on wordpress text editor
- Change background image based on the hour [closed]
- is_front_page() variable not found
- what is the purpose of the namespace argument when customizing blocks?
- Get terms of a taxonomy using useSelect
- What to do about no-global-event-listener warning for “DOM is ready” function?
- How to render WP Rest-API Endpoints in a React.js Theme with Woocommerce
- Getting 404 in the Javascript
- Notification when left menu bar is closed?
- Cannot read properties of undefined (reading ‘show_ui’) Error on WordPress Post Editor
- onclick not working since move from HTML to WP
- Script Loaded in WordPress but won’t run
- Link to Lightbox Image-Group from Menu?
- The script works only once by clicking on the opening and closing
- WordPress Block.js SVG createElement
- Adding a class to the active tab [closed]
- How do I add a class to Customizer preview based on class of Customizer control? (Customizer Javascript API)
- Open image gallery on link click
- WordPress 4.2 mce-views migration guide?
- Loaded JavaScript file not showing [duplicate]
- How to load JavaScript modules with script_loader_tag hook?
- How to securely set dynamic HTML content with JavaScript?