[Cerrado] Issue with javascript to close filter pop up using AJAX for filters

[Autor]

Mensajes

[OliverJ8211]

Hi, I hope you are having a great day.

I'm using JavaScript to change the class of the div for the filters.

( function( $ ) {

$(document).ready(function(){
$(".keebFilterR-open").click(function(){
$(".js-wpv-filter-form").toggleClass("activeR");
});
$(".keebFilterR-close").click(function(){
$(".js-wpv-filter-form").removeClass("activeR");
});
});
} )( jQuery )

To view the site click this link first enlace oculto
Then you can see the view and filters on enlace oculto

Use mobile view to view the page. On the bottom left there is an option to show filters. When filters are open you can click the close text at the top or the close button on the bottom to return to the results. This works fine, but if you click on an option like a checkbox, the close buttons do not work. Everything works fine with full page refresh to apply filters, but not with AJAX.

Any suggestions? Thank You for your time.

[Luo Yang]

Hello,

I have tried the URL you mentioned above, when switch to mobile device view, I don't see any option to show filters.

And since you are using AJAX feature, you need to setup your custom JS codes with Toolset JS events, see our document:
https://toolset.com/documentation/programmer-reference/adding-custom-javascript-code-to-views-that-use-ajax/

[OliverJ8211]

I've checked on multiple devices and the option to open the filters is there on the bottom left in bright blue.

Going to try the linked solutions now.

[Luo Yang]

OK, I have updated this ticket as "Waiting for feedback" status, please update here if you still need assistance for it.