I am using the NudieWP theme – http://nudiewp.com/ – if that helps.

Ok thank you! I’m not a jquery guy, so are those hooks meant to be run in a separate file or can I just add that file and call it from my child theme?

Ok, I’ve tried enqueuing the hooks listed in the FAQ within my functions file based on the instructions here: https://premium.wpmudev.org/blog/adding-jquery-scripts-wordpress/

No errors, JS initialized correctly, but it’s still not working.

The theme I’m using (NudieWP) is a very basic, no-frills blank bootstrap theme. Is there anything else I could try or information I could share that might help troubleshoot?

I’m not quite sure I understand what you need, but this is the code related to S&F that I have going:

On the page itself (within the WordPress editor):

[searchandfilter slug="sort-articles"]
<hr/>

<div id="dynamic-articles">

The enqueue action within my functions.php file:

add_action( 'wp_enqueue_scripts', 'child_theme_styles');

function theme_js() {
    wp_enqueue_script( 'theme_js', get_stylesheet_directory_uri() . '/js/sf-pro-ajax-events.js', array( 'jquery' ), '1.0', true );
}

add_action('wp_enqueue_scripts', 'theme_js');

The archive template I’m using (which works when AJAX is disabled):

<?php
/*
* Template Name: Search & Filter
* Description: Only to be used on homepage
*/

get_header(); // Loads the header.php template. ?>

		<div class="container">

			<div id="content">

				<?php get_template_part( 'loop' ); // Loads the loop.php template. ?>

			</div><!-- #content -->

		</div><!-- .container -->
		
<?php get_footer(); // Loads the footer.php template. ?>

Oh, sorry. Here you go:

//depeding on where you add your JS, sometimes its necessary to wrap the above events in a function (as is standard practise):
(function ( $ ) {
	"use strict";
	
	$(document).on("sf:init", ".searchandfilter", function(){
		console.log("S&F JS initialised");
	});

//detects the start of an ajax request being made
$(document).on("sf:ajaxstart", ".searchandfilter", function(){
  console.log("ajax start");
});

//detects when the ajax request has finished and the content has been updated
// - add scripts that apply to your results here
$(document).on("sf:ajaxfinish", ".searchandfilter", function(){
	console.log("ajax complete");
	//so load your lightbox or JS scripts here again
});

//an event fired when S&F is initialised and S&F scripts have been loaded
$(document).on("sf:init", ".searchandfilter", function(){
	console.log("S&F JS initialised");
});

}(jQuery));