Forums › Forums › Search & Filter Pro › Ajax event hooks not working
Tagged: ajax
- This topic has 1 reply, 2 voices, and was last updated 4 years ago by Trevor.
Viewing 2 posts - 1 through 2 (of 2 total)
-
Anonymous(Private) October 19, 2020 at 8:49 pm #263439
Hi, I’m having some trouble getting the ajax event hooks to work.
I added the code from the FAQ page for sf:ajaxfinish, but I’m not seeing anything in the console log.
See code below. Does anything stand out as to why this would not be working?Thanks.
<?php /** * The template for displaying search results pages. * * @package understrap */ // Exit if accessed directly. defined('ABSPATH') || exit; get_header(); $container = get_theme_mod('understrap_container_type');?> <div class="wrapper contentPadding" id="search-wrapper"> <link rel="stylesheet" href="<?php echo get_site_url();?>/wp-content/themes/InyoBlogTheme/dist/bricklayer.min.css"> <script src="<?php echo get_site_url();?>/wp-content/themes/InyoBlogTheme/dist/bricklayer.min.js"></script> <div class="<?php echo esc_attr($container); ?>" id="content" tabindex="-1"> <div class="row"> <!--Display sub navigation partial view --> <?php get_template_part('partials/navtabs'); ?> </div> <div id="test">This is a test</div> <!--Display Search & Filter Widget --> <?php if (is_active_sidebar('search-bar')) : ?> <div id="search-bar" role="complementary"> <?php dynamic_sidebar('search-bar'); ?> </div> <?php endif; ?> <header id="search-title"> <?php global $searchandfilter; $sf_current_query = $searchandfilter->get(102003)->current_query(); $args = array( "str" => '%2$s' ); if (!$sf_current_query->get_search_term()=="") { echo '<h3>Search Results for:<span> "' . $sf_current_query->get_search_term() . '"</span></h3>'; } ?> </header><!-- .page-header --> <div class="row"> <!-- Do the left sidebar check and opens the primary div --> <?php get_template_part('global-templates/left-sidebar-check'); ?> <main class="site-main" id="main"> <?php if (have_posts()) : ?> <div class="bricklayer" id="my-bricklayer"> <?php /* Start the Loop */ ?> <?php while (have_posts()) : the_post(); ?> <?php //Display search results based on content type. //To change how different content types are displayed in search, edit the content-search loop template. get_template_part('loop-templates/content', 'search'); ?> <?php endwhile; wp_reset_postdata(); ?> </div><!--Bricklayer--> <?php endif; ?> </main><!-- #main --> <!-- The pagination component --> <div class="pt-3"> <?php understrap_pagination(); ?> </div> <!-- Do the right sidebar check --> <?php get_template_part('global-templates/right-sidebar-check'); ?> </div><!-- .row --> </div><!-- #content --> </div><!-- #search-wrapper --> <script> var bricklayer = new Bricklayer(document.getElementById('my-bricklayer')); $(document).on("sf:ajaxfinish", ".searchandfilter", function(){ console.log("ajax complete"); //do or stop your animation }); </script> <!--Display bottom advertisment--> <?php get_template_part( 'partials/poolparts-ad'); ?> <?php get_footer(); ?>
Trevor(Private) October 20, 2020 at 9:12 am #263462I would have coded that like this:
<script>(function ( $ ) { "use strict"; var bricklayer = new Bricklayer(document.getElementById('my-bricklayer')); $(document).on("sf:ajaxfinish", ".searchandfilter", function(){ console.log("ajax complete"); //do or stop your animation }); }(jQuery));</script>
-
AuthorPosts
Viewing 2 posts - 1 through 2 (of 2 total)