[Resolved] AJAX pagination when going to different page hides content inside responsive tab

[Author]

Posts

[andrewS-24]

Tell us what you are trying to do?
Put the Toolset filter search items inside https://wordpress.org/plugins/vc-tabs/

Is there any documentation that you are following?
No.

Is there a similar example that we can see?
hidden link
Go to page two and see the tab content area disappear.

What is the link to your site?
hidden link

This is the code inside one of those search tabs.
<div class="row"> <div class="col-sm-2 search-label">[wpml-string context="wpv-views"]Last Name[/wpml-string]</div> <div class="col-sm-2">[wpv-control-postmeta type="textfield" field="wpcf-hnwi-last-name" placeholder="Last Name" url_param="wpv-wpcf-hnwi-last-name"]</div> <div class="col-sm-2 search-label">[wpml-string context="wpv-views"]Age[/wpml-string]</div> <div class="col-sm-2">[wpv-control-postmeta type="select" field="wpcf-hnwi-age" source="custom" url_param="wpv-wpcf-hnwi-age_min" values="0,30,40,50,60" display_values="All,30+,40+,50+,60+"]</div> <div class="col-sm-2 search-label">[wpml-string context="wpv-views"]Gender[/wpml-string]</div> <div class="col-sm-2">[wpv-control-postmeta type="select" field="wpcf-hnwi-gender" default_label="All" url_param="wpv-wpcf-hnwi-gender"]</div> </div>

[Minesh Supporter Languages: English (English ) Timezone: Asia/Kolkata (GMT+05:30)]

Hello. Thank you for contacting the Toolset support.

Toolset offers the JS hooks that you can add when the pagination is finished:
=> https://toolset.com/documentation/programmer-reference/adding-custom-javascript-code-to-views-that-use-ajax/

More info:
- hidden link

You should hook the JS event that is responsible to reload/initialise the tabs. You may need to ask to your plugin support how you can reinitialize the tags on ajax update and once you got that information, you should hook that code to reinitialize the tags on ajax pagination finish hook:

For example:

jQuery( document ).on( 'js_event_wpv_pagination_completed', function( event, data ) {
	/**
	* data.view_unique_id (string) The View unique ID hash
	* data.effect (string) The View AJAX pagination effect
	* data.speed (integer) The View AJAX pagination speed in miliseconds
	* data.layout (object) The jQuery object for the View layout wrapper
	*/
	
});