【发布时间】:2016-03-30 20:37:25
【问题描述】:
我正在尝试使用 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
标签: jquery html css wordpress twitter-bootstrap-3