JetPopup Scroll JetEngine Listing Grid slider to a corresponding slide on opening popup

code.html

<script>
	jQuery( document ).ready( function( $ ){

		$( window ).on( 'jet-popup-open-trigger', function( event ) { 

			let id = event?.popupData?.postId;
			
			if ( ! id ) {
				return;
			}

			let slider = $( `#${event.popupData.popupId} .jet-popup__inner .gallery-list .jet-listing-grid__items.slick-initialized` );

			if ( ! slider.length ) {
				return;
			}

			let slide = slider.find( `[data-post-id='${id}']` );
			
			if ( ! slide?.length ) {
				return;
			}
			
			let index = slide[0]?.dataset?.slickIndex;
			
			if ( ! index ) {
				return;
			}

			slider.slick( 'slickGoTo', `${index}`  );

		} );

	} );
</script>