using jQuery on only one page

In my functions.php file I am loading a particular js script on only the page it is required, as I don’t want to load it unnecessarily on pages that don’t require it.

function tabs_enqueue() {
if(is_page( 205 )) {
wp_enqueue_script( ‘ui’, get_template_directory_uri() . ‘/js/ui/jquery-ui.min.js’, [], ‘1.8’, true);
}
}
add_action(‘wp_enqueue_scripts’, ‘tabs_enqueue’);

After testing, this works 100% but my problem is that I don’t know where to put the actual jquery on the page that I want it. I can’t put it into the footer because then I get errors on the other pages because it is trying to run the code without the js file being loaded. I want to place the code just before the closing body tag. If I put this after the get_footer() code then it is right at the bottom of the source code and if I put it before the get_footer() then it is called before I even load the js files. So, how would I get this code to display just before the closing body tag?

<script>
jQuery(window).load(function() {
//code here

});
</script>

Read more here:: using jQuery on only one page

Leave a Reply

Your email address will not be published. Required fields are marked *