Jquery 如何将引导工具提示应用于ajax加载的内容?
我正在Jquery 如何将引导工具提示应用于ajax加载的内容?,jquery,twitter-bootstrap,tooltip,Jquery,Twitter Bootstrap,Tooltip,我正在ready()上调用以下函数。这可以预见地显示我的页面上在ready()时间存在的元素的引导工具提示,但不在ajax加载的元素上。我现在还需要在ajax加载的内容上使用工具提示。我将如何重新编写它以允许新的ajax加载元素具有正确的行为 $(document).ready( function() { give_bootstrap_tooltip_behavior_to_all_elements_with_tooltip_attribute(); }); function give_
ready()
上调用以下函数。这可以预见地显示我的页面上在ready()
时间存在的元素的引导工具提示,但不在ajax加载的元素上。我现在还需要在ajax加载的内容上使用工具提示。我将如何重新编写它以允许新的ajax加载元素具有正确的行为
$(document).ready( function() {
give_bootstrap_tooltip_behavior_to_all_elements_with_tooltip_attribute();
});
function give_bootstrap_tooltip_behavior_to_all_elements_with_tooltip_attribute() {
$( "[data-toggle='tooltip']" ).each(function(k,el){
defaults = {
delay: { show: 2000, hide: 0},
container: 'body' /* needed because otherwise tooltips sometimes go within elems that have overflow hidden */
}
inline_vals = {
delay: $(el).data('delay')
}
$(el).tooltip($.extend(defaults, inline_vals));
});
}
我是否必须在每个ajax成功方法中调用此函数?您必须在完成ajax请求时调用:
$.ajax({
url: '//url',
})
.done(function(data) {
$('#page').html(data);
give_bootstrap_tooltip_behavior_to_all_elements_with_tooltip_attribute();
})
...