Pagination and Tabs Switching Issue

Community resources Bugs
12

Yes, as I previously noted, there’s still 1 issue left to fix… but my mentor provided a resolution:

In this code below, you would apply an ID on each collection wrapper and then add it on here with # in the front:

var containerSelectors = ['#stuffed', '#wooden', '#soft', '#hard'];

This allows the refresh to happen on just that container.

All thanks to my mentor!

<!-- Start seamless-pagination custom code -->

<script src="[https://cdnjs.cloudflare.com/ajax/libs/jquery.pjax/2.0.1/jquery.pjax.min.js](https://cdnjs.cloudflare.com/ajax/libs/jquery.pjax/2.0.1/jquery.pjax.min.js?fbclid=IwAR0s9feyYLuV5fmdOWGyMgel-NTq4g_r1FyPU8WI5P1FvyU6CsIcbUkRj1U)"></script>
<script>
var containerSelectors = ['#stuffed', '#wooden', '#soft', '#hard'];

containerSelectors.forEach(function(id) {
$(document).pjax(
id + ' ' + '.w-pagination-wrapper a',
id,
{
container: id,
fragment: id,
scrollTo: false,
timeout: 2500,
push: false
}
)
});

// These 3 lines should reinitialize interactions
$(document).on('pjax:end', function() {
Webflow.require('ix2').init();
});
</script>

<!-- End seamless-pagination custom code -->
1 Like