Ajax pagination for posts linked via ACF Relationships - JavaScript

pagination.js

jQuery(document).ready(function($){

  $(document).on( 'click touchstart', '#pagination a', function( event ) {

    // Fade out the old content for a smooth transition
    $('#bike-features-inner').fadeOut();

    // The pagination button you clicked will pass the page number back to the callback function
    var page = $(this).attr('href');

    // This will pass the post ID back to the callback function
    var bikeID = $(this).closest('#pagination').find('#bike-id').attr('data-bike-id');

    event.preventDefault();
    $.ajax({
      url: ajaxpagination.ajaxurl,
      type: 'post',
      data: {
        action: 'dl_bike_features', // the name of the function in your php file
        page: page, // access in php function via $_POST['page']
        bikeID: bikeID // access in php function via $_POST['bikeID']
      },
      success: function( result ) {
        // Replace the content of the container div w/ the output from dl_bikeFeatures()
        $('#bike-features-inner').html(result);
        // fade in this content for a smooth transition
        $('#bike-features-inner').fadeIn();
      },
      error: function(MLHttpRequest, textStatus, errorThrown){
        alert('Sorry, something went wrong. Please try again.');
      }
    })
  })

});