Ajax loading pages breaks filter

Anonymous

#107399

I am loading my web page using Smoothstate.js to add transitions and loading between pages. When I go to my filter page it breaks the filter with this method. Is a there a function I can call to load/init the filter again?

Trevor

#107482

If you are talking about when using Ajax, this js code is what you need (but need to know what the code is to call that smoothstate.js):

<script>(function ( $ ) {
  "use strict";
  $(document).on("sf:ajaxfinish", ".searchandfilter", function(){
    console.log("ajax complete");
    // load or trigegr your smoothstate js code here
  });
}(jQuery));</script>

Anonymous

#107565

Thanks Trevor – I was looking at those functions sf:ajaxstart and sf:ajaxfinish but I don’t think they’re what I need.

Smoothstate is to give a developer control over page transitions so it fetches all content on the site from ajax and injects it in a container. So Smoothstate runs first then I need to load in the SF filter. Here’s an example of Smoothstate working: http://aaronporter.co

Trevor

#107582

I see. I would need to refer this to the developer, Ross. Before I do, do you have a link to a page where this is broken?

Anonymous

#107698

This reply has been marked as private.

Anonymous

#107700

This reply has been marked as private.

Trevor

#107727

This reply has been marked as private.

Anonymous

#107762

This reply has been marked as private.

Trevor

#107778

Looking more closely at the page HTML, there appears to be some custom CSS hiding the real option boxes. Do you have any idea where that is coming from? It looks like it may be a file called plugin.min.js

Even when I manually reveal the select box by making the opacity 1 it still does not trigger the javascript to reload the results. If your smoothstate code is disabled, then all works OK?

Anonymous

#107782

This reply has been marked as private.

[Author]

Posts