使用 jquery 将动画添加到引导工具提示

Question

我正在尝试使用 css 动画框架“animate.css”将动画添加到引导工具提示。 我有 3 个按钮：

<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

编辑：

关注this pull request、this demo和this post， 这是一个简化的解决方案： https://jsfiddle.net/eqtd2o3d/

这种方式你只需要使用：

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

Answer 2

为什么不用内置引导设置：

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