Question

我在ready()上调用了以下功能。这可预测地显示我页面上ready()时存在的元素的Bootstrap工具提示，但不显示加载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成功方法中调用它？

Answer 1

完成ajax请求后你必须打电话：

$.ajax({
    url: '//url',
})
.done(function(data) {
    $('#page').html(data);
    give_bootstrap_tooltip_behavior_to_all_elements_with_tooltip_attribute();
})
...

如何将Bootstrap工具提示应用于加载ajax的内容？

1 个答案: