Добавить анимацию в bootstrap Tooltip с jquery

Question

Я пытаюсь использовать фреймворк анимации css «animate.css», чтобы добавить анимацию в всплывающую подсказку. У меня есть 3 buttoms:

<a href="#" data-toggle="tooltip" data-animation="animated X" data-container="body" data-placement="top" title="" rel="nofollow" data-product_id="645" data-quantity="1" class="button add_to_cart_button" data-original-title="Select options">Select options</a> 

<a href="#" data-toggle="tooltip" data-animation="animated Y" data-container="body" data-placement="top" title="" rel="nofollow" data-product-id="645" class="add_to_wishlist" data-original-title="Add to Wishlist">Add to Wishlist</a> 

<div class="quickview" data-toggle="tooltip" data-animation="animated Z" data-container="body" data-placement="top" title="" data-id="645" data-original-title="Quick View">Quick View</div> 

Я хочу, чтобы JQuery найти «данные-анимацию» и добавить его как класс, , например:

<a href="#" data-toggle="tooltip" data-animation="animated X" data-container="body" data-placement="top" title="" rel="nofollow" data-product_id="645" data-quantity="1" class="button add_to_cart_button animated X" data-original-title="Select options">Select options</a> 

Я попытался это сделать с этим кодом но ничего не произошло:

jQuery(function($) { 
    $('[data-toggle="tooltip"]').tooltip(); 
    $('[data-toggle="tooltip"]').on('shown.bs.tooltip', function() { 
     $('.tooltip').addClass('animated ' + $('.tooltip').data('animation')); 
    }) 
}) 

JSFiddle

Answer 1

EDIT:

После this pull request, this demo и this post, здесь упрощенное решение: https://jsfiddle.net/eqtd2o3d/

Таким образом, вам просто нужно использовать:

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