[Resolved] Load more button to view with search filter

[Author]

Posts

[simon buerman]

Hello i added a Load more button to a view to load de custom post type 6 by 6 . for the main page that works great but if i click to a filter. all the custom post type disapear

here my function in function.php

jQuery(document).ready(function () {
size_li = jQuery("#myList li").size();
x=6;
jQuery('#myList li:lt('+x+')').show();
jQuery('#loadMore').click(function () {
x= (x+6 <= size_li) ? x+6 : size_li;
jQuery('#myList li:lt('+x+')').show();
});
jQuery('#showLess').click(function () {
x=(x-6<1) ? 6 : x-6;
jQuery('#myList li').not(':lt('+x+')').hide();
});

});

how can i do to applicate this function in each filter categories ?

[Beda]

We cannot debug such custom code, but I suspect, the issue is due to AJAX loading of the View results.

If you use a View with any form of AJAX updating involved, often you need to re-initiate your own Custom JS after the AJAX events happened.
That can be done in the View's Filter JS Editor Section.

There you can click "Front end events" and add your custom JS Function in the wrapper API function generated by Views.
It allows you to hook your code to different events such as "Search is updated", "Search results are loaded", etc)

I think this should solve the problem you see.

[simon buerman]

I also think but I do not know how I have to fill the various fields. I have to put my code in a function and indicate the name of the function or the name of the function with brackets, I do not see too much. You would have no screenschot with an example please ?

[Noman]

Hi Simon,

I am taking over this ticket, here are screenshots.

Thank you

[simon buerman]

That works fine, thanks a lot