Profile: erasmusS

Problem:
A custom JS library is used to add a zoom effect to images, but when a View is updated with search filters the custom functionality is lost.

Solution:
The custom JS library needs to be re-initialised when the View updates because the DOM elements are destroyed and replaced.

In the Filter Editor the custom JS section has a Front-end Events button used to insert custom front-end JS event listeners provided by Views to manage search and pagination updates via ajax.

Here is a boilerplate example of how you would insert code with DOM ready and when a View has been updated:

( function( $ ) {
 
    $( document ).ready( function(){
        // Your code that runs on page load here...
 
    });
 
    $( document ).on( 'js_event_wpv_parametric_search_results_updated', function( event, data ) {
        // Your code that needs adding back when search results updated via ajax here...
     
    });
 
})( jQuery );