[Resolved] Bootstrap tooltips do not work after first slider transition

[Author]

Posts

[Darryl]

I created a slider for small images and would like to have a bootstrap tooltip displayed when someone hovers over each image.

After the first transition, the tooltips no longer work.

I have a test page set up at hidden link

In the Loop Editor under JS editor I have the JS

jQuery(document).ready(function( $ ){
     $('[data-toggle="tooltip"]').tooltip()
});

I have also tried adding this to the content template instead but had the same results.

The content of the Loop Editor is

[wpv-layout-start]
	[wpv-items-found]
	<!-- wpv-loop-start -->
	<wpv-loop wrap="4" pad="true">
		[wpv-item index=1]
		<div class="row ">
			<div class="col-sm-3">[wpv-post-body view_template="affiliation-slider-slide"]</div>
		[wpv-item index=other]
			<div class="col-sm-3">[wpv-post-body view_template="affiliation-slider-slide"]</div>
		[wpv-item index=4]
			<div class="col-sm-3">[wpv-post-body view_template="affiliation-slider-slide"]</div>
		</div>
		[wpv-item index=pad]
			<div class="col-sm-3"></div>
		[wpv-item index=pad-last]
			<div class="col-sm-3"></div>
		</div>
	</wpv-loop>
	<!-- wpv-loop-end -->
	[/wpv-items-found]
	[wpv-no-items-found]
		<strong>[wpml-string context="wpv-views"]No items found[/wpml-string]</strong>
	[/wpv-no-items-found]
[wpv-layout-end]

I have also tried a loop without all the bootstrap grid code.

The content of my template is

<a href="#" data-toggle="tooltip" title="[wpv-post-title]"><img class="slider-image" src="[wpv-post-featured-image size="custom" height="75" output="url"]"/></a>

[Christian Cox]

Use the front-end events button to generate event handlers that will allow you to trigger your tooltip initialization code after pagination events. Edit this View and make sure the Search and Pagination editor is visible. If not, scroll to the top right corner and click "Screen Options", then enable Search and Pagination. Twirl open the JS editor panel and you will find the button "Front-end Events", which will help you create event handler code that is triggered after pagination. Then inside that event handler, initialize the tooltips again.

[Darryl]

My issue is resolved now. Thank you!